Analyse complète des sélecteurs d'attributs CSS

1.[class~="flower"] : Sélectionnez la classe avec fleur

class="flower ss"

class="ss flower"

2 .[class|='top'] : Pour sélectionner une classe commençant par top, elle doit être connectée avec '—' ou un top séparé

class="top-ss"

class=" top"

　class="top-ss"//Unselected

3.[class^="top"] : Sélectionnez les éléments commençant par top, qu'il y ait ou non des symboles spéciaux connecté. Un haut séparé peut également être utilisé

class="top-ss"

class="topss"

4.[class$="top"] : Sélectionnez top comme classe de fin, un haut séparé convient également

class="mytop"

class="my-top"

class="top"

5.[class*='tt'] : Sélectionnez la classe avec deux lettres tt quelle que soit sa position

class="sttd"

class="ttee"

class="eett"

6.[target=_blank]

Il y a target =_blank sélectionné dans la balise a

7.input[type= "bouton" ]

L'article ci-dessus porte sur la compréhension complète des sélecteurs d'attributs CSS que l'éditeur a partagé avec vous. J'espère qu'il pourra vous donner une référence et j'espère que vous soutiendrez le site Web PHP chinois. .

Pour une analyse plus complète des articles liés aux sélecteurs d'attributs CSS, veuillez prêter attention au site Web PHP chinois !