css-Pseudoklasse wird verwendet, um spezielle Zustände von Elementen zu definieren. Sie kann verwendet werden, um: 1. den Stil festzulegen, wenn die Maus über das Element fährt; 2. verschiedene Stile für besuchte und nicht besuchte Links festzulegen; Stil, wenn man konzentriert ist.
Die Betriebsumgebung dieses Artikels: Windows 7-System, CSS3-Version, Dell G3-Computer.
Was sind Pseudoklassen?
Pseudoklassen werden verwendet, um spezielle Zustände von Elementen zu definieren.
Zum Beispiel kann es verwendet werden, um:
Stile festzulegen, wenn der Mauszeiger über ein Element bewegt wird
unterschiedliche Stile für besuchte und nicht besuchte Links festzulegen
Stile festzulegen, wenn ein Element den Fokus hat
Syntax
Pseudoklassensyntax:
selector:pseudo-class {
property: value;
}Anchor-Pseudoklasse
Links können auf verschiedene Arten angezeigt werden:
Instanzen
/* 未访问的链接 */
a:link {
color: #FF0000;
}
/* 已访问的链接 */
a:visited {
color: #00FF00;
}
/* 鼠标悬停链接 */
a:hover {
color: #FF00FF;
}
/* 已选择的链接 */
a:active {
color: #0000FF;
}Hinweis: a:hover muss nur in der CSS-Definition von a: enthalten sein Nach dem Link und einem:visited kann es wirksam werden! a:active muss nach a:hover in der CSS-Definition stehen, um wirksam zu werden! Bei Pseudoklassennamen wird die Groß-/Kleinschreibung nicht beachtet.
Pseudoklassen und CSS-Klassen
Pseudoklassen können in Verbindung mit CSS-Klassen verwendet werden:
Wenn Sie mit der Maus über einen Link im Beispiel fahren, ändert sich die Farbe:
Beispiel
a.highlight:hover {
color: #ff0000;
}Lernempfehlung: CSS-Video-Tutorial"
Das obige ist der detaillierte Inhalt vonWas ist eine CSS-Pseudoklasse?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
