Le rôle de a:active en CSS et explication détaillée de son utilisation-tutoriel CSS-php.cn

Maison

interface Web

tutoriel CSS

Le rôle de a:active en CSS et explication détaillée de son utilisation

Jul 19, 2017 pm 04:53 PM

active css

CSS :sélecteur actif

Définition et utilisation

　 :le sélecteur actif est utilisé pour sélectionner les liens actifs.

Lorsque vous cliquez sur un lien, celui-ci devient actif.

Astuce : Veuillez utiliser le sélecteur :link pour styliser les liens vers les pages non visitées, :visited pour styliser les liens vers les pages visitées et le sélecteur :hover pour que le pointeur de la souris flotte sur les liens Dernier style.

Exemple 1 Sélectionnez des liens non visités, visités, flottants et actifs et définissez leurs styles :

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

Copier après la connexion

Exemple 2 Définissez différents styles pour les liens :

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

Copier après la connexion

Définissez le style du lien lorsque la souris est activée (cliquée). Il existe quatre pseudo-classes de liens :
a:lien style de lien normal a:style de lien visité style visité a:style de lien survolé (survol de la souris) a:style de lien actif activé

Exemple :

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
a:active
{
background-color:yellow;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
 
&lt;a href=&quot;http://www.w3school.com.cn&quot;&gt;W3Sschool&lt;/a&gt;
&lt;a href=&quot;http://www.google.com&quot;&gt;Google&lt;/a&gt;
&lt;a href=&quot;http://www.wikipedia.org&quot;&gt;Wikipedia&lt;/a&gt;
 
&lt;p&gt;&lt;b&gt;注释：&lt;/b&gt;:active 选择器为活动的链接设置样式。&lt;/p&gt;
 
&lt;/body&gt;
&lt;/html&gt;

Copier après la connexion

Le résultat est : W3Sschool Google Wikipedia
Commentaires : Le sélecteur :active style les liens actifs.
Définissez le style du lien lorsque la souris est activée (cliquée). Il existe quatre pseudo-classes de liens :
a:style de lien normal de lien a:style de lien visité style visité a:style de lien survolé en surbrillance (survol de la souris) a:style de lien actif activé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn