Lien, CSS-Tricks

Lorsqu'il est utilisé en combinaison avec le: hover pseudo-classe. lien doit apparaître en premier, ou bien ne pas être défini du tout, pour: hover styles au travail. En effet, le sont également spécifiques. si: lien est venu après, ceux de style emporterait sur les styles de vol stationnaire.







La pseudo-classe lien ciblera tous les éléments qui ont un attribut href, même si le href a une valeur vide. Donc, en ce sens, il est comme le sélecteur d'attribut [href].

Cela signifie que les trois éléments HTML suivants sont tous capables d'être de style via: lien pseudo-classe:

Cependant, le troisième exemple dans le bloc de code ci-dessus, ne serait pas valide HTML.

Il n'y a que trois éléments HTML qui acceptent l'attribut href: . . et . Seulement le élément peut être de style via: lien pseudo-classe.

En outre, vous ne pouvez pas ajouter l'attribut href à un autre type d'élément et de le rendre style capable via: lien. En d'autres termes, si vous aviez le code HTML suivant:







Le CSS suivant aurait pas d'effet:

Encore une fois, le code HTML échouerait validation, puisque href n'est pas un attribut valide pour

.

En raison du fait que: lien peut cibler uniquement éléments. styles de lien peuvent être définis dans le CSS sans sélecteur de type d'élément, comme ceci:

En outre, à toutes fins pratiques lors de l'utilisation HTML, la pseudo-classe lien est un peu hors de propos puisque le même effet peut être obtenu en ciblant simplement tous éléments directement:

Propriétés connexes

Autres ressources

Support du navigateur

Code d'affichage

Code de conduite

Voulez-vous nous dire quelque chose en privé?

Beaucoup de grandes choses qui ne sont pas publiés nulle part ailleurs!

CSS-Astuces d'hébergement Web depuis le premier jour. Économisez 20% avec CSSTRICKS de code.

CSS-Tricks * est créé, écrit par et maintenu par Chris Coyier et une équipe de houle. Il est construit sur WordPress. hébergé par Media Temple. et les actifs sont desservis par MaxCDN. Il est rendu possible grâce à des commandites de produits et services que nous aimons.

Emploi Front-End

  • CareSprout est l'embauche d'un développeur Web
  • Outpost Jeux est l'embauche d'un Front End Sr Software Engineer
  • Duke University Libraries est l'embauche d'un développeur référentiel MorphoSource






Articles Liés