Que signifient [x * = "y"] et [x^= "y"] dans CSS?

Question

Je me demandais si c'était quoi * et^dans la création d'une classe en css?

Par exemple:

et

[class^="sample-"] 

Answer 1

*= signifie que vous trouverez tous les éléments où le texte "sample-" quelque part dans le attribut class. Par exemple:

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

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

^= Cela signifie que vous trouverez tous les éléments où l'attribut de classe commence avec le texte « sample- ». Par exemple

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

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