CSS nth-child不起作用

CSS 前端之家
前端之家收集整理的这篇文章主要介绍了CSS nth-child不起作用，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

我知道这个问题已被多次询问但无论如何我无法弄清楚问题,所以这是我的html：

  1.     
    那么为什么这条线不起作用：
    .UMLTable td:nth-child(even){
  2.     background-color:blue;
  3. }
  4. 最佳答案
    您需要选择第n个tr元素而不是子td元素.
  5. 你的选择器应该是：
  7. .UMLTable tr:nth-child(even) td {
  8.     background-color:blue;
  9. }
  11. 你的CSS没有按预期工作的原因是因为td元素不是兄弟姐妹.
  13. .UMLTable tr:nth-child(even) td {
  14.   background-color: blue;
  15. }
    •     
    •     
    26.     
  27.             
  28.               
  33.             
  34.           
  35.             
  36.               
  37.                   
  38.     
    猜你在找的CSS相关文章
  40.                                     
    IE浏览器兼容性调整总结技巧
  41.                                 
    前言 最近项目做完，用户需要兼容IE，于是开展了兼容性的调整工作。边调整边想感叹IE真是个...
  42.                                 
  43.                                 
  44.                             
  46.                                     
    css属性总结
  47.                                 
    前言 有些属性不是很常用，但是工作中遇到了，记录一下，方便学习。 1、text-indent text-...
  48.                                 
  49.                                 
  50.                             
  52.                                     
    政府网站公祭日，如何使网站整体变灰
  53.                                 
    前言 政府网站会遇到公祭日的时候，网站整体颜色变灰的情况。今天正好调了一下。在此把解决...
  54.                                 
  55.                                 
  56.                             
  58.                                     
    css实现图片动画效果
  59.                                 
    需求 项目里有个消息中心，当有消息的时候，小铃铛图标可以晃两下，提示当前有信息。 实现...
  60.                                 
  61.                                 
  62.                             
  64.                                     
    css实现文字渐变
  65.                                 
    html代码 css代码 效果图
  66.                                 
  67.                                 
  68.                             
  75.                                     
    移动端rem距离单位的使用
  76.                                 
    在做移动端开发的时候大家肯定会遇到适配问题，手机的屏幕大小有非常多的类别，使用传统的...
  77.                                 
  78.                                 
  79.                             
  81.                                     
    使用 media 实现响应式布局
  82.                                 
    最近工作有一个需求是将一个界面改为响应式布局，由于UI还没有给设计，于是自己先查了一下...
  83.                                 
  84.                                 
  85.                             
  87.                                     
    教你用原生CSS写炫酷页面切换效果，跟第三方组件说拜拜
  88.                                 
    因为项目需要，别人想让我给他写一个个人博客，并且给了我一个其他人的网页，可以点此查看...
  89.                                 
  90.                                 
  91.                             
  93.                                     
    CSS盒模型之内边距、边框、外边距 十九问 （持续更新）
  94.                                 
    本篇文章主要探讨盒模型，以及内边距、边框、外边距的面试题与思考，也希望您能把您的思考...
  95.                                 
  96.                                 
  97.                             
  99.                                     
    轻松上手CSS Grid网格布局
  100.                                 
    今天刚好要做一个好多div格子错落组成的布局，不是田字格，不是九宫格，12个格子这样子，看...
  101.                                 
  102.                                 
  103.                             
  110.             
  111.           
  112.           
  113.           
  114.             
  115.               
  116.                 
  117.                 
    HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
  118.                 
  119.               
  120.             
  121.           
  122.           
  123.          
  124.           
  125.             
  126.               
     
  132.               
  133.             
  134.           
  135.           
  136.           
  137.           
  138.           
  139.             
  140.               
  141.                 
  142.                 
  153.               
  154.             
  155.           
  156.           
  159.           
  160.           
  161.             
  162.               
  163.                 
  167.                 
    关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作
  168.               
  169.             
  170.           
  171.           
  172.           
  173.           
  174.          
  175.           
  176.             
  177.               
     
  183.               
  184.             
  185.           
  186.           
  187.           
  188.           
  189.     
  190.         
  213.         
  214.             Copyright © 2019 前端之家. 当前版本 V7.0.16
  215.             前端之家 版权所有 
  217.         
  218.     
  222.       
  223.       
  224.                  
  225.               
  226.             
  227.           
  228.           
  229.           
  230.           
  232.           
  233.         
  234.         
  235.         
  236.         
  237.         
  238.         
  239.         
  240.     
  242.