Verwenden Sie CSS-Pseudoklassen-CSS-Tutorial-php.cn

Wir können mithilfe von CSS-Pseudoklassen bestimmte Stile zu vorhandenen Elementen in HTML hinzufügen. Diese Pseudoklassen wählen Elemente mit bestimmten Zuständen aus, z. B. (Hover, Zugriff, Deaktiviert usw.).

HINWEIS strong> – Um CSS-Pseudoklassen zu kombinieren -Klassen mit Pseudoelementen werden in CSS3 durch einen Doppelpunkt getrennt.

Syntax

Hier ist die Syntax für die Verwendung von CSS-Pseudoklassen für ein Element –

Selector:pseudo-class { css-property: /*value*/; }

Nach dem Login kopieren

Hier sind alle verfügbaren CSS-Pseudoklassen –

Deaktiviert leer< td style="text-align: center;"> 10 11 12 13 Es wählt das n-te Kind als übergeordnetes Element jedes genannten Elements aus Das untergeordnete Element beginnt zu zählen Es wählt jedes erwähnte Element aus, d. h. das n-te erwähnte Element in seinem übergeordneten Element, beginnend mit dem letzten untergeordneten Element. Die Elemente beginnen zu zählen

Sr.No	Pseudoklasse und Beschreibung
1	Aktivitäten Es wählt Elemente aus, die von Aktivitäten erwähnt werden 3
	Es wählt jedes deaktivierte erwähnte Element aus. 4
Es wählt jedes erwähnte Element aus, das keine untergeordneten Elemente hatEs wählt jedes erwähnte Element aus ist aktiviertEs Wählt jedes zuerst erwähnte Element seines übergeordneten Elements aus Wählt Erwähnungen beim Mouseover aus
	Im Bereich Es wählt Erwähnungen von Werten innerhalb des angegebenen Bereichs aus. Element
	Ungültig Es wählt alle genannten aus Elemente mit ungültigem Wert
	lang(Sprache) Es wählt jede Erwähnung eines Elements aus, dessen lang-Attributwert mit „Sprache“ beginnt
	last-child es wählt als letztes untergeordnetes Element seines übergeordneten Elements aus Es wählt alle nicht besuchten erwähnten Elemente aus.
	19 nth-last -oftype(n)
	20Es wählt jedes erwähnte Element als einzige Erwähnung seines übergeordneten Elements aus optional Es wählt das obige Element ohne „erforderliches“ Attribut aus
	24 außerhalb des Bereichs Es wählt die genannten Elemente mit Werten außerhalb des angegebenen Bereichs aus
	25 schreibgeschützt Es wählt die erwähnten Elemente mit dem angegebenen Attribut „schreibgeschützt“ aus
	26Lese-/Schreibzugriff Es wählt die genannten Elemente ohne das Attribut „schreibgeschützt“ aus
27	erforderlich Es wählt die genannten Elemente aus, für die das Attribut „erforderlich“ angegeben ist das Dokument
29	Ziel Es wählt das aktuell erwähnte aktive Element aus (klicken Sie auf die URL, die diesen Ankernamen enthält)
30	有效它选择具有有效值的所有提到的元素
31	访问过它选择所有访问过的提到的元素

示例

让我们看一个 CSS 伪类的示例 -

现场演示

   CSS Anchor Pseudo Classes 
    Search Engines
 Go To Google Go To Bing

Nach dem Login kopieren

输出

这将产生以下输出 -

使用 CSS 伪类

示例

让我们看一下 CSS 伪类的另一个示例 -

现场演示

   CSS Pseudo Classes  
    CSS-Pseudo-Classes

Nach dem Login kopieren

输出

这将产生以下输出 -

当未将鼠标悬停在 div 元素上时 -

Verwenden Sie CSS-Pseudoklassen

当鼠标悬停在 div 元素上时 -

Verwenden Sie CSS-Pseudoklassen

Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS-Pseudoklassen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!