Bagaimanakah Saya Boleh Menyembunyikan Nod Teks dalam Div Menggunakan CSS Semasa Memastikan Elemen Lain Kelihatan?

Menyembunyikan Nod Teks Elemen dengan CSS

Anda mempunyai elemen div yang mengandungi tag anchor dan nod teks. Anda hanya mahu menyembunyikan nod teks tanpa menjejaskan keterlihatan div atau tag anchor. Atribut keterlihatan boleh digunakan untuk mencapai ini.

Penyelesaian CSS

Kod CSS berikut mencapai matlamat anda:

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

Dalam kod ini :

• #closelink menyembunyikan div dan keseluruhan kandungannya, termasuk teks nod.
• #closelink a mengatasi atribut keterlihatan untuk teg anchor dalam div, menjadikannya kelihatan semula.

HTML

HTML anda kekal tidak berubah:

<div>

Penyelesaian CSS ini menyembunyikan nod teks dengan berkesan "Klik untuk menutup" sambil membiarkan teg div dan sauh kelihatan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Nod Teks dalam Div Menggunakan CSS Semasa Memastikan Elemen Lain Kelihatan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!