Was ist eine CSS-Pseudoklasse?

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!