Wie formatiere ich Links, ohne ein bestimmtes Span-Element zu unterstreichen?

Links formatieren, ohne ein bestimmtes Element zu unterstreichen

Beim Versuch, Links mit einer Unterstreichung zu formatieren, kommt es häufig vor, dass Sie ein bestimmtes Element ausschließen möchten Link wird nicht unterstrichen. In diesem Fall standen Sie vor der Herausforderung, bestimmte Stile auf das Element #myspan anzuwenden, ohne die Unterstreichung im Rest des Links zu beeinträchtigen.

Um dieses Problem zu beheben, ziehen Sie die folgende Lösung in Betracht:

Ändern Sie die CSS-Deklaration für das Element #myspan und setzen Sie dessen Anzeigeeigenschaft auf „inline-block“. Durch diese Änderung nimmt #myspan effektiv einen eigenen Platz innerhalb des Links ein und trennt ihn vom unterstrichenen Text.

Hier ist das aktualisierte CSS:

a {
  text-decoration: underline;
}

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

a:active #myspan {
  color: grey;
}

a:visited #myspan {
  color: yellow;
}

a:hover #myspan {
  color: red;
}

Sie können auch auf die verweisen Folgender HTML-Code:

<a href="#">A link <span></span></a>

Durch diese Änderungen wird das Element #myspan nicht mehr von der auf den Link angewendeten Unterstreichung beeinflusst, sodass Sie ihn formatieren können unabhängig, ohne das Gesamtbild des Links zu beeinträchtigen.

Das obige ist der detaillierte Inhalt vonWie formatiere ich Links, ohne ein bestimmtes Span-Element zu unterstreichen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!