Wie kann ich mithilfe von CSS Textknoten in einem Div ausblenden, während andere Elemente sichtbar bleiben?

Elementtextknoten mit CSS ausblenden

Sie haben ein div-Element, das ein Ankertag und einen Textknoten enthält. Sie möchten nur den Textknoten ausblenden, ohne die Sichtbarkeit des Div oder des Ankertags zu beeinträchtigen. Um dies zu erreichen, kann das Sichtbarkeitsattribut verwendet werden.

CSS-Lösung

Der folgende CSS-Code erreicht Ihr Ziel:

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

In diesem Code :

• #closelink verbirgt das Div und seinen gesamten Inhalt, einschließlich des Textes Knoten.
• #closelink a überschreibt das Sichtbarkeitsattribut für das Anker-Tag innerhalb des Div und macht es wieder sichtbar.

HTML

Ihr HTML bleibt unverändert:

<div><p>Diese CSS-Lösung verbirgt effektiv den Textknoten „Zum Schließen klicken“, während das Div verlassen wird und Ankertag sichtbar.</p></div>

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von CSS Textknoten in einem Div ausblenden, während andere Elemente sichtbar bleiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!