Heim > Web-Frontend > CSS-Tutorial > Was ist der Unterschied zwischen Pseudoklassen und Pseudoelementen in CSS?

Was ist der Unterschied zwischen Pseudoklassen und Pseudoelementen in CSS?

王林
Freigeben: 2020-07-17 17:25:42
nach vorne
4338 Leute haben es durchsucht

Was ist der Unterschied zwischen Pseudoklassen und Pseudoelementen in CSS?

1. Definitionsunterschied

(Empfohlenes Tutorial: CSS-Schnellstart)

Pseudoklasse

Pseudoklassen werden verwendet, um Informationen außerhalb des DOM-Baums oder Informationen auszuwählen, die nicht durch einfache Selektoren dargestellt werden können. Ersteres umfasst die Elemente, die dem angegebenen Status entsprechen, wie z. B. :visited, :active; letzteres umfasst diejenigen Elemente im DOM-Baum, die bestimmte logische Bedingungen erfüllen, wie z. B. :first-child, :first-of-type, :target .

Pseudoelemente

Pseudoelemente sind virtuelle Elemente, die nicht im DOM-Baum definiert sind. Im Gegensatz zu anderen Selektoren verwendet er nicht das Element als kleinste Auswahleinheit, sondern wählt den angegebenen Inhalt des Elements aus. Beispielsweise bedeutet::before den vorherigen Inhalt des ausgewählten Elements, d. h. „“::selection bedeutet den ausgewählten Inhalt des ausgewählten Elements.                                                                                                                                                                                                                      . Aus historischen Gründen unterstützen Browser jedoch weiterhin Pseudoelemente, die mit: beginnen, es wird jedoch empfohlen, sie in einem Standardformat zu schreiben, das mit:: beginnt.

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Pseudoklassen und Pseudoelementen in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
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