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>

Matlamatnya adalah untuk menyembunyikan teks "Klik untuk menutup" tanpa menjejaskan div atau pautan tertutup.

Nasib baik, CSS menyediakan penyelesaian menggunakan sifat 'keterlihatan'. Sifat 'keterlihatan' membenarkan kawalan yang lebih halus ke atas keterlihatan elemen:

#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.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Teks Tertentu Dalam Elemen DIV Sambil Memastikan Kandungan Lain Kelihatan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!