Die Rolle von a:active in CSS und detaillierte Erklärung seiner Verwendung-CSS-Tutorial-php.cn

Die Rolle von a:active in CSS und detaillierte Erklärung seiner Verwendung

黄舟

Freigeben： 2017-07-19 16:53:48

Original

16911 Leute haben es durchsucht

CSS: aktiver Selektor

Definition und Verwendung

　: aktiver Selektor wird zur Auswahl aktiver Links verwendet.

Wenn Sie auf einen Link klicken, wird dieser aktiv.

Tipp: Bitte verwenden Sie den :link-Selektor, um Links zu nicht besuchten Seiten zu formatieren, :visited, um Links zu besuchten Seiten zu formatieren, und den :hover-Selektor, um den Mauszeiger so einzustellen, dass er auf dem Link „Letzter Stil“ schwebt.

Beispiel 1 Wählen Sie nicht besuchte, besuchte, schwebende und aktive Links aus und legen Sie deren Stile fest:

a:link{color:blue;}
a:visited{color:blue;}
a:hover{color:red;}
a:active{color:yellow;}

Nach dem Login kopieren

Beispiel 2 Legen Sie verschiedene Stile für Links fest:

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

Nach dem Login kopieren

Definieren Sie die Stil des Links, wenn die Maus aktiviert (geklickt) wird. Es gibt vier Link-Pseudoklassen:
a:Link normaler Linkstil a:besuchter Link besuchter Stil a:Hover-Link hervorgehoben (Mouseover) Stil a:aktiver Link aktivierter Stil

Beispiel:

<!DOCTYPE html>
<html>
<head>
<style>
a:active
{
background-color:yellow;
}
</style>
</head>
<body>

<a href="http://www.w3school.com.cn">W3Sschool</a>
<a href="http://www.google.com">Google</a>
<a href="http://www.wikipedia.org">Wikipedia</a>

<p><b>注释：</b>:active 选择器为活动的链接设置样式。</p>

</body>
</html>

Nach dem Login kopieren

Das Ergebnis ist: W3Sschool Google Wikipedia
Kommentare: Der :active-Selektor formatiert aktive Links.
Definieren Sie den Stil des Links, wenn die Maus aktiviert (geklickt) wird. Es gibt vier Link-Pseudoklassen:
a:link normaler Linkstil a:besuchter Link besuchter Stil a:Hover-Link hervorgehoben (Mouseover) Stil a:aktiver Link aktivierter Stil

Das obige ist der detaillierte Inhalt vonDie Rolle von a:active in CSS und detaillierte Erklärung seiner Verwendung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!