CSS nth-child不起作用

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

    

那么为什么这条线不起作用:

.UMLTable td:nth-child(even){
    background-color:blue;
}
最佳答案
您需要选择第n个tr元素而不是子td元素.

你的选择器应该是:

.UMLTable tr:nth-child(even) td {
    background-color:blue;
}

你的CSS没有按预期工作的原因是因为td元素不是兄弟姐妹.

.UMLTable tr:nth-child(even) td {
  background-color: blue;
}

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效