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
Patricia ArquetteOriginal
2024-12-07 19:16:141047Durchsuche

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;
}

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!

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