Html 第n个孩子(奇数)选择所有内容

Html 第n个孩子(奇数)选择所有内容,html,css,Html,Css,我正在尝试为备用行应用样式,下面是 为什么选择全部 li { background: green; } li:nth-child(odd) { background: red; } 删除html代码中的。这是工作。在这种情况下也被计算在内。所以你所有的李都变成了奇数。 例如 李 溴 李 溴 这就是为什么您的普通li选择器没有应用,因为li:n子项(奇数){background:red;}覆盖所有li。 移除br标签,它应该是好的 我认为一个更优雅的解决方案是使用nth类型,这

我正在尝试为备用行应用样式,下面是 为什么选择全部

li { background: green; }
         li:nth-child(odd) { background: red; }

删除html代码中的

。这是工作。


在这种情况下也被计算在内。所以你所有的李都变成了奇数。 例如

  • 这就是为什么您的普通li选择器没有应用,因为
    li:n子项(奇数){background:red;}
    覆盖所有li。
    移除br标签,它应该是好的

    我认为一个更优雅的解决方案是使用
    nth类型
    ,这样就不需要删除

    s

    li { background: green; }
    li:nth-of-type(odd) { background: red; }
    

    如果您想了解更多关于任何选项的不同n次,您可能会感兴趣,因为它没有
    parent@SushantBajracharya看到答案了吗?首先,我给出您的答案@Sushant Bajracharya look time.。很高兴知道它有帮助:)