CSS中的[x * =「y」]和[x^=「y」]是什麼意思？

Question

我想知道在css中創建類時*和^是什麼意思？

例如：

和

[class^="sample-"] 

Answer 1

*=意味着尋找到文本 「樣品 - 」 類中的屬性地方存在的所有元素。例如：

<style> 
    [class*="sample-"] {} 
</style> 

<p class="asdsadsample-adas">Matches</p> 
<p class="smple-">Doesn't match</p> 

^=這意味着尋找到類屬性開始文本「樣品 - 」的所有元素。例如

<style> 
    [class^="sample-"] {} 
</style> 

<p class="sample-blah">Matches</p> 
<p class="ssample-blah">Doesn't match</p>