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
Freigeben: 2024-12-26 16:54:15
Original
945 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage