Maison > interface Web > tutoriel CSS > Pourquoi ma balise d'ancrage n'hérite-t-elle pas de la couleur de son parent ?

Pourquoi ma balise d'ancrage n'hérite-t-elle pas de la couleur de son parent ?

Barbara Streisand
Libérer: 2024-12-16 18:10:16
original
344 Les gens l'ont consulté

Why Doesn't My Anchor Tag Inherit Its Parent's Color?

Non-héritage de la balise d'ancrage de l'attribut de couleur parent

Arrière-plan :
Dans des circonstances normales, les éléments d'ancrage () héritent de l'attribut color de leurs éléments parents. Cependant, dans certaines situations, cet héritage peut être perturbé.

Problème :
Dans l'extrait de code fourni :

<span class="blue">::<a href="/equipment_new.php">CLICK HERE</a>:: to view our New Equipment inventory. <br /><br /></span>
Copier après la connexion

Le la balise ne parvient pas à hériter de la couleur (#6E99E1) de son parent classe "bleu".

原因 :
Le
par défaut, la balise a une propriété CSS appelée "color: blue;" qui lui est appliqué, qui remplace la couleur héritée de l'élément parent. Cela garantit que les balises d'ancrage sont toujours bleues, quelle que soit la couleur de leur parent.

Solution :
Pour autoriser l'option
balise pour hériter de la couleur parent, la valeur par défaut "color: blue;" la propriété doit être explicitement remplacée. Une façon de procéder consiste à ajouter la règle CSS suivante :

a {
  color: inherit;
}
Copier après la connexion

Cette règle indique au navigateur d'hériter de l'attribut color de l'élément parent pour tous les éléments tags.

Addendum :
Si vous le souhaitez, vous pouvez modifier la "couleur : hériter ;" règle pour spécifier une couleur spécifique à la place :

a {
  color: #6E99E1;
}
Copier après la connexion

Cela garantira que tous les les balises héritent de la couleur #6E99E1 de leurs éléments parents, même si les éléments parents ont des couleurs différentes.

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!

source:php.cn
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal