Bagaimanakah Saya Boleh Menyembunyikan Teks Tertentu Dalam Elemen DIV Sambil Memastikan Kandungan Lain Kelihatan?

Menyesuaikan Keterlihatan Elemen

Dalam pembangunan web, mengurus keterlihatan elemen tertentu adalah penting. Cabaran biasa timbul apabila menyembunyikan teks tertentu dalam elemen sambil mengekalkan keterlihatan kandungannya yang lain.

Pertimbangkan struktur HTML berikut:

<div>
<p>Matlamatnya adalah untuk menyembunyikan teks "Klik untuk menutup" tanpa menjejaskan div atau pautan tertutup.</p>
<p>Nasib baik, CSS menyediakan penyelesaian menggunakan sifat 'keterlihatan'. Sifat 'keterlihatan' membenarkan kawalan yang lebih halus ke atas keterlihatan elemen:</p>
<pre class="brush:php;toolbar:false">#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

Dengan menetapkan 'keterlihatan: runtuh;' pada div induk, keseluruhan elemen menjadi tersembunyi dengan berkesan. Walau bagaimanapun, 'keterlihatan: boleh dilihat;' harta pada pautan anak mengatasi tetapan induk, menjadikan pautan itu kelihatan semula. Akibatnya, hanya teks yang diingini disembunyikan.