#css
#css
Вопрос:
как я могу обобщить следующий css-код? В текущем коде css весь элемент li будет отображаться как none.
ul.cmpro-accordion > li:not(.cid-2),
ul.cmpro-accordion > li:not(.cid-61){
display: none;
}
Комментарии:
1. Можете ли вы предоставить jsfiddle , в котором вы воспроизводите проблему?
Ответ №1:
Речь идет о специфике.
<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;
}