Heim > Web-Frontend > CSS-Tutorial > Wie kann ich Text in einem übergeordneten Element ausblenden, während untergeordnete Elemente sichtbar bleiben?

Wie kann ich Text in einem übergeordneten Element ausblenden, während untergeordnete Elemente sichtbar bleiben?

Patricia Arquette
Freigeben: 2024-12-07 19:16:14
Original
1006 Leute haben es durchsucht

How Can I Hide Text Inside a Parent Element While Keeping Child Elements Visible?

Text innerhalb eines Elements ausblenden: Sichtbarkeit untergeordneter Elemente beibehalten

Um bestimmten Text innerhalb eines Elements auszublenden und gleichzeitig die Sichtbarkeit untergeordneter Elemente beizubehalten, nutzen Sie die Sichtbarkeit Attribut. In diesem Fall möchten Sie den Text „Zum Schließen klicken“ ausblenden, ohne dass sich dies auf das darin enthaltene Div oder den Link auswirkt.

Der folgende Code erreicht dies:

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}
Nach dem Login kopieren

Der #closelink-Selektor wird ausgeblendet den Text innerhalb des Div, wodurch er optisch verschwindet. Der #closelink-Selektor überschreibt dieses Verhalten jedoch und stellt sicher, dass das Linkelement sichtbar bleibt. Dadurch bleibt der Link zugänglich und reagiert auf Benutzerklicks, während der Text „Zum Schließen klicken“ unsichtbar wird.

Das obige ist der detaillierte Inhalt vonWie kann ich Text in einem übergeordneten Element ausblenden, während untergeordnete Elemente sichtbar bleiben?. 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