使用：不排除在CSS

-1

我想申請的CSS所有跨在一個特定的類，但不包括其中的一些，類，但下面的代碼不起作用：使用：不排除在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：請注意，在這裏不包括類是爲了能產生不同的結果，像類似的問題：Can I have multiple :not() selectors?

來源

2017-04-06 Ashkan Mobayen Khiabani

逗號分隔符號是尚未實現的選擇級別4標準。但是，您可以使用選擇級別3標準，它只接受一個選擇器。多個'：not（）'語句可以簡單地鏈接在一起;）請參閱：http://caniuse.com/#search=%3Anot。但是，jQuery模擬選擇級別4標準：請參閱http://stackoverflow.com/questions/10711730/why-is-my-jquery-not-selector-not-working-in-css by @BoltClock – Terry

可能的重複[我可以有多個：not（）選擇器？]（http://stackoverflow.com/questions/5684160/can-i-have-multiple-not-selectors） – Terry

@Terry：我想知道我是否應該改變標題[這是我的問題]（http://stackoverflow.com/questions/10711730/why-is-my-jquery-not-selector-not-working-in-css）。 – BoltClock

試試這個樣子，

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

來源

2017-04-06 08:33:34

但這適用於文檔中的所有跨度。 –

@Ashkan Mobayen Khiabani：你確定？ – BoltClock

是的，它適用於所有跨度（沒有.name或.count類） –

.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>

來源

2017-04-06 08:37:33 LKG

使用：不排除在CSS

回答

相關問題