Heim  >  Artikel  >  Web-Frontend  >  Was bedeuten zwei Doppelpunkte in CSS?

Was bedeuten zwei Doppelpunkte in CSS?

藏色散人
藏色散人Original
2020-12-11 09:24:443337Durchsuche

CSS Zwei Doppelpunkte stellen Pseudoelemente dar, z. B. „::selection“. Der von einem Pseudoelement gesteuerte Inhalt ist derselbe wie der von einem Element gesteuerte Inhalt, aber das Pseudoelement existiert nicht im Dokumentbaum und ist kein echtes Element Element, daher wird es Pseudoelement genannt.

Was bedeuten zwei Doppelpunkte in CSS?

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS3, Thinkpad T480-Computer.

Empfohlen: „css-Video-Tutorial

css Zwei Doppelpunkte (::) stellen Pseudoelemente dar, wie zum Beispiel „::selection“. Der von einem Pseudoelement gesteuerte Inhalt ist derselbe wie der von einem Element gesteuerte Inhalt, aber das Pseudoelement existiert nicht im Dokumentbaum und ist kein echtes Element, daher wird es als Pseudoelement bezeichnet.

Im Gegensatz zu Pseudoklassen, die auf Elemente in einem speziellen Zustand abzielen, arbeiten Pseudoelemente auf bestimmten Inhalten im Element. Die Ebene, auf der sie arbeiten, ist eine Ebene tiefer als Pseudoklassen, sodass ihre Dynamik geringer ist als bei Pseudoklassen mehr.

Tatsächlich besteht der Zweck des Entwurfs von Pseudoelementen darin, den ersten Buchstaben (Buchstaben) und die erste Zeile des Elementinhalts sowie die Vorder- oder Rückseite bestimmter Inhalte auszuwählen, was mit normalen Selektoren nicht möglich ist.

Der von ihm gesteuerte Inhalt ist tatsächlich derselbe wie das Element, es handelt sich jedoch nur um eine auf dem Element basierende Abstraktion, die im Dokument nicht vorhanden ist und daher als Pseudoelement bezeichnet wird.

Erweiterung:

In der W3C-Spezifikation gibt es eine Beschreibung zu CSS3-Selektoren:

 Ein Pseudoelement besteht aus zwei Doppelpunkten (::), gefolgt vom Namen des Pseudoelements.

 Diese ::-Notation wird durch das aktuelle Dokument eingeführt, um eine Unterscheidung zwischen Pseudoklassen und Pseudoelementen zu ermöglichen. Aus Kompatibilitätsgründen mit vorhandenen Stylesheets müssen Benutzerprogramme auch die bisherige Ein-Kolon-Notation für Pseudoelemente akzeptieren, die in den CSS-Levels 1 und 2 eingeführt wurde (nämlich :first-line, :first-letter, :before und :after). Diese Kompatibilität ist für die neuen Pseudoelemente, die in CSS Level 3 eingeführt wurden, nicht zulässig. Eine einfache Übersetzung, die allgemeine Idee ist, dass Pseudo -Elemente bestehen aus Doppelpunkten und Pseudoelementnamen. Der Doppelpunkt wurde in der aktuellen Spezifikation eingeführt, um Pseudoklassen von Pseudoelementen zu unterscheiden. Pseudoklassen sind jedoch mit vorhandenen Stilen kompatibel und Browser müssen gleichzeitig alte Pseudoklassen unterstützen, z. B. :first-line, :first-letter, :before, :after usw.

Mit anderen Worten, für die Pseudoelemente, die vor CSS2 existierten, wie zum Beispiel :before, haben der einzelne Doppelpunkt und der doppelte Doppelpunkt::before den gleichen Effekt.

Wenn Ihre Website also nur mit Webkit, Firefox, Opera und anderen Browsern kompatibel sein muss, wird empfohlen, für Pseudoelemente die Doppelpunktschrift zu verwenden. Wenn sie mit dem IE-Browser kompatibel sein muss, ist es sicherer, CSS2 zu verwenden Schreiben mit einem Doppelpunkt.

Das obige ist der detaillierte Inhalt vonWas bedeuten zwei Doppelpunkte in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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
Vorheriger Artikel:So verwenden Sie ein CSS-ZielNächster Artikel:So verwenden Sie ein CSS-Ziel