CSS nth-child不起作用

前端之家收集整理的这篇文章主要介绍了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;
}

猜你在找的CSS相关文章