J'ai deux types de liens
a[target="_blank"]
et
<a href="url" target="_blank">External Link</a>
Je peux utiliser css sur un lien externe en utilisant:
<a href="url">Internal Link</a>
Mais je ne sais pas comment sélectionner avec css tous les liens sans l'attribut "target = _blank".
J'essaye avec un [ target = "_ self"] mais cela ne fonctionne pas car l'attribut cible n'est pas présent dans le "lien interne".
3 Réponses :
Vous pouvez utiliser le sélecteur : not voir ici
Cependant, il peut être plus facile de donner à la place une classe ou un identifiant à votre lien. Écrire le style d'une classe / d'un élément vous donnera un contrôle plus fin sur chaque élément.
CSS
#someid {color: red}
Vous pouvez utiliser le sélecteur : not
<p>
<a href="url" target="_blank">External Link</a>
</p>
<p>
<a href="url">Internal Link</a>
</p>
a[target="_blank"] {
color: green;
}
a:not([target="_blank"]) {
color: purple;
}
Vous pouvez utiliser le sélecteur : not () comme pour les autres réponses, ou vous pouvez simplement faire en sorte que la spécificité CSS fonctionne pour vous:
Utilisez un {} sélecteur pour cibler tous les éléments d'ancrage
Utilisez maintenant a [target = _blank] {} pour cibler les liens externes
Désormais, le sélecteur a {} fonctionnera pour les sélecteurs qui ne sont pas externes.
<a href="url">Internal Link</a> <a href="url" target="_blank">External Link</a>
a[target="_blank"] {
color: green;
}
a {
color: red;
}
Bonjour, pourquoi ne pas simplement utiliser
a {}si vous allez écraser celui avec un attribut cible?