Heim >Web-Frontend >CSS-Tutorial >Wie kann ich verhindern, dass ein bestimmtes Element innerhalb eines Hyperlinks unterstrichen wird?

Wie kann ich verhindern, dass ein bestimmtes Element innerhalb eines Hyperlinks unterstrichen wird?

Patricia Arquette
Patricia ArquetteOriginal
2024-12-26 16:54:15950Durchsuche

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

Unterstreichung eines bestimmten Linkelements vermeiden

In bestimmten Situationen kann es vorkommen, dass Sie einen Link unterstreichen, aber ein bestimmtes Element ausschließen müssen Darin wird verhindert, dass es unterstrichen wird. Obwohl es intuitiv erscheint, Regeln speziell auf das Element anzuwenden, dessen Unterstreichung verhindert werden soll (wie im bereitgestellten Beispiel), schlägt dieser Ansatz oft fehl.

Eine effektivere Lösung besteht darin, das betreffende Element als Inline-Block darzustellen . Dadurch wird das Element unabhängig von den Textdekorationseigenschaften des Links und kann separat gestaltet werden:

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

Mit dieser Änderung behält das #myspan-Element seine Farbe bei und bleibt von der auf das angewendeten Unterstreichung unberührt übergeordnetes Linkelement.

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass ein bestimmtes Element innerhalb eines Hyperlinks unterstrichen wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn