Maison >interface Web >tutoriel CSS >Comment puis-je empêcher le soulignement d'un élément spécifique dans un lien hypertexte ?

Comment puis-je empêcher le soulignement d'un élément spécifique dans un lien hypertexte ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-26 16:54:15951parcourir

How Can I Prevent Underlining a Specific Element Within a Hyperlink?

Éviter de souligner un élément de lien spécifique

Dans certains scénarios, vous pouvez rencontrer des situations où vous devez souligner un lien mais exclure un élément spécifique à l'intérieur d'être souligné. Bien qu'il semble intuitif d'appliquer des règles spécifiquement à l'élément que vous souhaitez empêcher de souligner (comme dans l'exemple fourni), cette approche échoue souvent.

Une solution plus efficace consiste à afficher l'élément en question sous forme de bloc en ligne. . Ce faisant, l'élément devient indépendant des propriétés de décoration du texte du lien et peut être stylisé séparément :

a #myspan {
  color: black;
  display: inline-block;
}

Avec cette modification, l'élément #myspan conservera sa couleur et ne sera pas affecté par le soulignement appliqué au élément de lien parent.

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!

Déclaration:
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