Css 具有嵌套列表的交替行着色方案

Css 具有嵌套列表的交替行着色方案,css,css-selectors,Css,Css Selectors,我有一个嵌套列表,所以选择器是非常具体的,它有什么问题吗,因为我看到所有列表项的背景都是绿色的,不管它是奇数还是偶数 根据请求添加更多html代码 .detail ul.table-view li.table-view-cell ul.cell li:nth-child(even) .session { background-color: yellow; } .detail ul.table-view li.table-view-cell ul.cell li:nth-child(odd

我有一个嵌套列表,所以选择器是非常具体的,它有什么问题吗,因为我看到所有列表项的背景都是绿色的,不管它是奇数还是偶数

根据请求添加更多html代码

.detail ul.table-view li.table-view-cell ul.cell li:nth-child(even) .session {
    background-color: yellow;
}
.detail ul.table-view li.table-view-cell ul.cell li:nth-child(odd) .session {
    background-color: green;
}
    • abc 名称 1号房间
    • abc 名称 1号房间
    • abc 名称 1号房间
    • abc 名称 1号房间
    • abc 名称 1号房间
您使用的
不正确,因为它们只应用于封装文本。嵌套元素时使用


我用
测试了代码,它成功了:

需要查看呈现的HTML。示例?为什么不在渲染时使用类似ng类奇数或ng类偶数的东西添加一个类:伙计,这就是我们所说的横向思维。。。太棒了,谢谢你的启发,如果我的html设置正确,请看我对批评家的编辑,你小提琴上的代码可以工作,但我仍然有问题,我正在比较两者以找出区别,需要另一只眼睛吗please@Papa如果每个子列表中的行数不是偶数,那么您的小提琴就做得不对。看这把小提琴演示它: