2017-01-06 171 views
0

例如一個元素:CSS選擇包含特定類只

<div id="element1" class="c1 c2 c3"></div> 
<div id="element2" class="c1 c2 c3 b1"></div> 

是否有任何CSS選擇器,讓我選擇包含只,準確類C1,C2和C3的元素。

所以,我希望能夠得到element1但不element2,我不會使用ID,因爲多數民衆贊成在實際上是相同的每一頁上,但我希望能夠找到當div有隻類別,沒有別的。

謝謝!

+0

'[類= 「C1 C2 C3」]'? – Banzay

回答

2

使用Attribute Selectors

[class="c1 c2 c3"] { 
 
    color: red; 
 
}
<div id="element1" class="c1 c2 c3">Item 1</div> 
 
<div id="element2" class="c1 c2 c3 b1">Item 2</div>

+0

我試過了,但它似乎並沒有選擇我想要的或任何東西。 我想查找的類位於body元素上,當匹配它們時,我想設置一個包含的元素以顯示:none。 這是標記實際上看起來像: '<體類=「C1,C2,C3」>

' 在某些網頁類C1,C2和C3和其他一些出現在身體標記。所以我想隱藏任何只有c1,c2,c3的身體的hide-this div。 我試過了: 'body [class =「c1 c2 c3」] .hide-this {display:none; }'
我正在做對嗎? –

+0

是的,你是。這裏是你的代碼工作在https://jsfiddle.net/b84gg94q/ –

+0

好的,謝謝。必須是一些SharePoint的古怪,這阻止它的工作。我明白這應該是正確的做法。 –