选择偶数和奇数级孩子的正确选择器是什么？ 我想简化我当前的CSS,同时允许无限级别,而无需在CSS中手动编写它们. .box { max-width:100%;margin:25px
... . . 选择偶数和奇数级孩子的正确选择器是什么？
我想简化我当前的CSS,同时允许无限级别,而无需在CSS中手动编写它们.
.box { max-width:100%;margin:25px 0px;padding: 15px; border:#d1ddbd solid 2px; background-color:#f3fae8;}.box > .box { border:#d1ddbd solid 1px; background-color:#fff;}.box > .box > .box { border:#d1ddbd solid 1px; background-color:#f3fae8;}.box > .box > .box > .box { border:#d1ddbd solid 1px; background-color:#fff;}.解决方法
. 除了坐下来编写规则之外,CSS中没有办法做到这一点.写十条规则并没有那么重要,将你降低到十个嵌套级别.你可以选择花更多的时间来编写JS来添加类,或者让你的后端添加类,或者使用SASS宏进行战斗,其中任何一个都需要花费更多的时间.
.box { max-width: 100%; margin: 25px 0px; padding: 15px; border: #d1ddbd solid 2px;}.box > .box { border-width: 1px;}.box,.box > .box > .box,.box > .box > .box > .box > .box,.box > .box > .box > .box > .box > .box > .box,.box > .box > .box > .box > .box > .box > .box > .box > .box { background-color:#f3fae8;}.box > .box,.box > .box > .box > .box,.box > .box > .box > .box > .box > .box,.box > .box > .box > .box > .box > .box > .box > .box,.box > .box { background-color:#fff;}. . .. ...
