Umfassende Analyse von CSS-Attributselektoren

1.[class~="flower"]: Wählen Sie die Klasse mit Blume aus

class="flower ss"

class="ss flower"

2 .[class|='top']: Um eine Klasse auszuwählen, die mit top beginnt, muss sie mit „—“ oder einem separaten Top

class="top-ss"

verbunden werden class=" top"

　class="top-ss"//Unselected

3.[class^="top"]: Wählen Sie Elemente aus, die mit top beginnen, unabhängig davon, ob spezielle Symbole vorhanden sind Es kann auch ein separates Top verwendet werden

class="top-ss"

class="topss"

4.[class$="top"]: Wählen Sie „top“ als Endklasse aus, ein separates Top ist auch in Ordnung

class="mytop"

class="my-top"

class="top"

5.[class*='tt']: Wählen Sie die Klasse mit zwei Buchstaben tt unabhängig von ihrer Position aus

class="sttd"

class="ttee"

class="eett"

6.[target=_blank]

Im a-Tag ist target =_blank ausgewählt

7.input[type= "Button" ]

Im obigen Artikel geht es um das umfassende Verständnis von CSS-Attributselektoren, das der Herausgeber mit Ihnen geteilt hat. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe, dass Sie die chinesische PHP-Website unterstützen .

Für eine umfassendere Analyse von Artikeln zum Thema CSS-Attributauswahl beachten Sie bitte die chinesische PHP-Website!