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>