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

Was sind Pseudoklassen in CSS?

王林
Freigeben: 2023-01-06 11:14:19
Original
3331 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

Codebeispiel:

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

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

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

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

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!

Verwandte Etiketten:
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage