如果元素具有特定的CSS類，也是任何其他類

Question

我不敢相信在我長時間寫CSS的時候，我從來沒有這樣做過，但是這讓我很難過。

我有span.item-name，我想添加一些特定的樣式，只要這個元素有另一個類，它可以是任何類。

我試過span.item-name.*，它沒有辦法。這是可能的，我有什麼選擇？

Answer 1

您可以使用屬性選擇器。 （見：https://www.w3.org/wiki/CSS/Selectors#Attribute_Selector） 例如：

body>.item-name:before, b { 
 
    content:'Class name is: 'attr(class)'. '; 
 
    color:purple 
 
} 
 
p[class*="item-name"][class*=" "]:before { 
 
    color:green; 
 
} 
 
p[class^="item-name"][class*=" "]:before { 
 
    color:red; 
 
}

<p class="item-name"> The basic class</p> 
 
<p class="item-name another-class"> the basic class at first and then any other</p> 
 
<p class="another-class item-name any-more-class"> more than one class including <b>item-name</b> at any position</p>

Answer 2

也許一些更多的代碼會有幫助，但是你不能爲css編寫函數，這聽起來像你所要求的。如果需要，您可以簡單地添加其他課程。

<span class="class1 class2">

Answer 3

我覺得this是你想要的，滾動，直到看到CSS [屬性* = 「值」]選擇部分。對你來說應該是這樣的：

span[class*=" item-name"], span[class*="item-name "] 

爲什麼選擇兩個？因爲*=搜索該具體的值，所以只有第一個選擇器<span class="item-name another-class">不符合標準。這樣你只需要搜索課堂，不知道它在class價值中的位置。