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

Menyasarkan Nod Teks dalam Elemen

CSS membolehkan anda menggayakan elemen tertentu dan anak mereka, tetapi bagaimana jika anda ingin menyembunyikan atau memanipulasi teks dalam elemen sambil membiarkan elemen sekeliling kelihatan? Pertimbangkan HTML ini:

<div>
<p>Matlamatnya adalah untuk menyembunyikan teks "Klik untuk menutup" tanpa menjejaskan div atau pautan di dalamnya.</p>
<p><strong>Menggunakan Keterlihatan</strong></p>
<p>Harta keterlihatan boleh menyembunyikan atau menunjukkan unsur. Walau bagaimanapun, tidak seperti sifat paparan, keterlihatan boleh ditetapkan secara individu untuk elemen kanak-kanak. Ini membolehkan anda menyembunyikan nod teks secara selektif:</p>
<pre class="brush:php;toolbar:false">#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

Dalam contoh ini, keterlihatan div (#closelink) adalah "diruntuhkan", menyembunyikan keseluruhan kandungannya, termasuk nod teks. Walau bagaimanapun, keterlihatan pautan dalam div (a) ditetapkan kepada "kelihatan", mengatasi keterlihatan induk dan mendedahkan pautan serta teks yang terkandung di dalamnya.

Teknik ini dengan berkesan menyembunyikan nod teks sambil mengekalkan keterlihatan elemen sekeliling, menyediakan penyelesaian yang cepat dan mudah untuk manipulasi kandungan yang terperinci dalam CSS.