Heim > Web-Frontend > CSS-Tutorial > Was bedeutet CSS-Doppelpunkt?

Was bedeutet CSS-Doppelpunkt?

藏色散人
Freigeben: 2019-06-03 16:42:08
Original
5107 Leute haben es durchsucht

Was bedeutet CSS-Doppelpunkt?

Was bedeutet CSS-Doppelpunkt?

Der CSS-Doppelpunkt ist ein Pseudoelement. Der vom Pseudoelement gesteuerte Inhalt ist der gleiche wie der von einem Element gesteuerte Inhalt. Das Pseudoelement ist jedoch nicht im Dokumentbaum vorhanden kein reales Element, daher wird es Pseudoelement genannt.

Zu den Pseudoelementen gehören: :first-line, :first-letter, :before, :after (im von Su Chen Xiaoyu zusammengestellten chinesischen CSS2.0-Handbuch sind :first-line, :first-letter aufgeführt als Pseudoklasse sollte ein Missverständnis sein)

Zur Erinnerung: Wenn Ihre Website nur mit Webkit, Firefox, Opera und anderen Browsern kompatibel sein muss, wird empfohlen, Doppelpunkte für Pseudoelemente zu verwenden Um mit dem IE-Browser kompatibel zu sein, ist es sicherer, die CSS2-Methode zum Schreiben mit einem Doppelpunkt zu verwenden.

Im Gegensatz zu Pseudoklassen, die auf Elemente in speziellen Zuständen abzielen, arbeiten Pseudoelemente auf bestimmten Inhalten in den Elementen. Die Ebene, auf der sie operieren, ist tiefer als die von Pseudoklassen, daher ist ihre Dynamik Pseudoklassen viel niedriger.

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.

Das obige ist der detaillierte Inhalt vonWas bedeutet CSS-Doppelpunkt?. 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