Pourquoi les balises d'ancrage n'héritent-elles parfois pas de la couleur de leurs parents ?

Lorsque les liens perdent l'héritage de couleur

Dans un document HTML, les éléments d'ancrage () héritent généralement de l'attribut de couleur de leurs éléments parents . Cependant, il existe des cas où cet héritage peut être perturbé.

Une telle situation se produit lorsque la balise a son propre attribut de couleur explicite défini. Lorsque cela se produit, la couleur de la balise remplacera la couleur héritée, comme le montre le code suivant :

<span>

La classe .blue définit une couleur bleue pour l'élément span, mais le La balise a son propre attribut de couleur défini sur rouge, remplaçant la couleur bleue héritée.

Pour restaurer l'héritage souhaité, supprimez l'attribut de couleur explicite du étiqueter. De plus, si vous souhaitez que toutes les balises héritent de la couleur de leurs éléments parents, vous pouvez inclure la règle CSS suivante :

a {
  color: inherit;
}

Cette règle garantit que toutes les balises hériteront de la couleur de leurs éléments parents, à moins qu'ils ne soient explicitement remplacés.

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!