CSS選擇器連字符/破折號

Question

在下面我想選擇所有具有與「BG-客戶端」

<span class="bg-client">Lorem ipsum</span> 
<span class="bg-client_a">Lorem ipsum</span> 
<span class="bg-client_b">Lorem ipsum</span> 
<span class="bg-client_c">Lorem ipsum</span> 

我試過，但它不工作

開始一個類名的元素的代碼

[class^="bg-client"] {} 
[class^="bg\2Dclient"] {} 
[class^="bg\u002Dclient"] {} 

任何幫助？

Answer 1

我發現自己

我想^=選擇將採取每類class=""並檢查一個與選擇開始的答案。但是我錯了。它檢查class=""的開頭。

而實際上我的代碼看起來更像是：

<span class="foo bar bg-client">Lorem ipsum</span> 
<span class="foo bar bg-client_a">Lorem ipsum</span> 
<span class="foo bar bg-client_b">Lorem ipsum</span> 
<span class="foo bar bg-client_c">Lorem ipsum</span> 

而且這個工程：

[class^="bg-client"], [class*=" bg-client"] {}