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

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>

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;
}

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;
}

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!