如何使用＆＃34;组合css选择器：not＆＃34;

Question

我如何总结以下css代码？当前的css代码将所有li元素显示为none。

ul.cmpro-accordion > li:not(.cid-2),
ul.cmpro-accordion > li:not(.cid-61){
    display: none;
}

Answer 1

关于specificity。

<ul class="cmpro-accordion">
    <li>li text 1</li>
    <li class="cid-2">li text 2</li>
    <li class="cid-61">li text 3</li>
    <li>li text 4</li>
    <li>li text 5</li>
</ul>

的CSS：

ul.cmpro-accordion > li.cid-2,
ul.cmpro-accordion > li.cid-61 {
    display: block
}
ul > li:not(.cid-2),
ul > li:not(.cid-61) {
    display: none;
}

的 Example