Я пытаюсь применить CSS для всех диапазонов в определенном классе, но исключаю некоторые из них, но следующий код не работает:

.basket-items li span:not(.name,.count){border:solid 1px #ddd; border-radius:50%;}

Я всегда использовал :not так же, как :not(:empty). не принимает классы CSS?

Это HTML:

<ul class="basket-items">
    <li>
          <span class="ion-android-close"></span>
          <span class="name"></span>
          <span class="ion-plus"></span>
          <span class="count"></span>
          <span class="ion-minus"></span>
    </li>
</ul>

PS: обратите внимание, что здесь подразумеваются исключающие классы, которые дают другой результат, чем похожий вопрос, например: Могу ли я иметь несколько селекторов not ()?

1
Ashkan Mobayen Khiabani 6 Апр 2017 в 11:30

2 ответа

Лучший ответ

Попробуйте как это,

.basket-items li span:not(.name):not(.count) {
   border:solid 1px #ddd; 
   border-radius:50%;
}
5
LIJIN SAMUEL 6 Апр 2017 в 08:33
.basket-items li span:not(.name):not(.count){border:solid 1px #ddd;}
<ul class="basket-items">
    <li>
          <span class="ion-android-close">Hello</span>
          <span class="name">Hello</span>
          <span class="ion-plus">Hello</span>
          <span class="count">Hello</span>
          <span class="ion-minus">Hello</span>
    </li>
</ul>
4
LKG 6 Апр 2017 в 08:37