Heim > Web-Frontend > CSS-Tutorial > Über die Analyse von CSS-Attributselektoren

Über die Analyse von CSS-Attributselektoren

不言
Freigeben: 2018-06-20 17:46:19
Original
2830 Leute haben es durchsucht

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"
Nach dem Login kopieren

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"//选不中
Nach dem Login kopieren

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"
Nach dem Login kopieren
< sein 🎜 >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"
Nach dem Login kopieren

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"
Nach dem Login kopieren

6.[target=_blank]

a标签中有target =_blank的选中
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage