Über die Analyse von CSS-Attributselektoren

Der folgende Artikel vermittelt Ihnen ein umfassendes Verständnis der CSS-Attributselektoren. Der Inhalt ist recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden.

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

class="flower ss"
　　class="ss flower"

2.[class|='top']: Wählen Sie die Klasse aus, die mit der Spitze beginnt und die benötigt wird '-' verbundenes oder separates Oberteil

　class="top-ss"
　　class="top"
　　class="top-ss"//选不中

3.[class^="top"]: Wählen Sie das Oberteil als Startpunkt aus, unabhängig davon, ob spezielle Symbole verbunden sind, ein separates Oberteil kann auch

class="top-ss"
　　class="topss"

4.[class$="top"]: Wählen Sie die Klasse aus, die mit top endet, top allein ist auch in Ordnung

　class="mytop"
　　class="my-top"
　　class="top"

5.[class*='tt']: Wählen Sie die Klasse mit den beiden Buchstaben aus tt-Klasse unabhängig von ihrem Standort

　class="sttd"
　　class="ttee"
　　class="eett"

6.[target=_blank]

a标签中有target =_blank的选中

7.input[type="button"]

Das Obige ist der gesamte Inhalt von Ich hoffe, dass dieser Artikel für das Lernen aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Über CSS3-Positionierung und Floating-Analyse

Über die Verwendung des Schlüsselworts currentColor in CSS3

Das obige ist der detaillierte Inhalt vonÜber die Analyse von CSS-Attributselektoren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!