Heim >Web-Frontend >CSS-Tutorial >Was sind Pseudoklassen in CSS?

Was sind Pseudoklassen in CSS?

王林
王林Original
2021-05-19 15:58:403330Durchsuche

Pseudoklassen in CSS werden verwendet, um spezielle Zustände von Elementen zu definieren. Sie können verwendet werden, um den Stil festzulegen, wenn die Maus über das Element fährt, den Stil festzulegen, wenn das Element den Fokus erhält, und können auch für besuchte und festgelegt werden nicht besuchte Links. Verschiedene Stile.

Was sind Pseudoklassen in CSS?

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Pseudoklassen in CSS 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

Spezifische Syntax:

selector:pseudo-class {
  property: value;
}

Codebeispiel:

/* 未访问的链接 */
a:link {
  color: #FF0000;
}

/* 已访问的链接 */
a:visited {
  color: #00FF00;
}

/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}

/* 已选择的链接 */
a:active {
  color: #0000FF;
}

Verwandte Videofreigabe: CSS-Video-Tutorial

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