Heim  >  Artikel  >  Web-Frontend  >  Was bedeuten Pseudoklassen und Pseudoobjekte in CSS?

Was bedeuten Pseudoklassen und Pseudoobjekte in CSS?

WBOY
WBOYOriginal
2022-04-27 18:19:032144Durchsuche

Pseudoklassen bedeuten in CSS, spezielle Zustände von Elementen zu definieren. Sie können einige spezielle Effekte von Selektoren hinzufügen, bei denen es sich um einige Features und Funktionen handelt, die von in CSS integrierten Klassen bereitgestellt werden, um bestimmten Elementen Spezialeffekte hinzuzufügen Der Selektor bedeutet, dass der Effekt durch Hinzufügen tatsächlicher Elemente erzielt werden kann.

Was bedeuten Pseudoklassen und Pseudoobjekte in CSS?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Was bedeuten Pseudoklassen und Pseudoobjekte in CSS?

Pseudoklassen? Auswirkungen einiger Selektoren.

Erklärung: Pseudoklassen können scheinbar dynamisch sein und ein Element kann eine Pseudoklasse gewinnen oder verlieren, wenn der Benutzer mit dem Dokument interagiert. Die Ausnahmen sind „:first-child“, das aus dem Dokumentbaum abgeleitet werden kann, und „:lang“, das in einigen Fällen auch aus dem Dokumentbaum abgeleitet werden kann.

Es ist ersichtlich, dass seine Funktion der einer Klasse etwas ähnelt, sie jedoch auf der Abstraktion außerhalb des Dokuments basiert und daher als Pseudoklasse bezeichnet wird. [1]

Pseudoklassen umfassen: :first-child, :link:, besuchte, :hover:, :active, :focus, :lang, :right, :left, :first

Was sind Pseudoklassen? Es ist CSS. Die integrierte Klasse CSS selbst bietet ihr einige Features und Funktionen, das heißt, Sie können sie direkt verwenden, ohne class=... oder id=... hinzuzufügen. Natürlich können Sie auch einige ihrer Attribute ändern. wie zum Beispiel: a:link {color:#FF0000;}

Viele CSS-Vorschläge werden von Browsern nicht unterstützt, aber es gibt vier Pseudoklassen, die sicher für Hyperlinks verwendet werden können. Pseudoklassensyntax: Pseudoobjekt tatsächlich im Dokumentenbaum vorhanden sind.

Pseudoelemente werden verwendet, um einige Elemente zu erstellen, die sich nicht im Dokumentbaum befinden, und ihnen Stile hinzuzufügen. Tatsächlich handelt es sich bei Pseudoelementen um Dinge, die normale Selektoren vor oder nach bestimmten Elementen nicht ausführen können. Der Inhalt des Steuerelements ist derselbe wie das Element, es handelt sich jedoch selbst um eine auf dem Element basierende Abstraktion, die in der Dokumentstruktur nicht vorhanden ist. Beispielsweise können wir :before verwenden, um Text vor einem Element einzufügen und diesem Text Stile hinzuzufügen.

Die Syntax von Pseudoelementen:

selector:pseudo-class {
  property: value;
}

CSS-Klassen können auch mit Pseudoelementen verwendet werden:

selector::pseudo-element{property:value;}
标签:伪元素{性质:值;}

(Lernvideo-Sharing:

CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonWas bedeuten Pseudoklassen und Pseudoobjekte 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