Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menyembunyikan Teks Dalam Elemen HTML Tanpa Menyembunyikan Elemen atau Elemen Anaknya?

Bagaimanakah Saya Boleh Menyembunyikan Teks Dalam Elemen HTML Tanpa Menyembunyikan Elemen atau Elemen Anaknya?

DDD
DDDasal
2024-12-22 06:54:10526semak imbas

How Can I Hide Text Within an HTML Element Without Hiding the Element or its Child Elements?

Menyembunyikan Nod Teks dalam Elemen tanpa Menjejaskan Kanak-kanak

Masalah:
Sembunyikan "Klik untuk menutup" teks dalam elemen HTML tertentu (#closelink) tanpa menyembunyikan elemen atau unsurnya hiperpautan.

Penyelesaian:
Ya, ini boleh dicapai menggunakan CSS:


 keterlihatan: runtuh; /<em> Sembunyikan elemen </em>/<br>}</p><h1>tutup pautan {</h1><p>keterlihatan: boleh dilihat; /<em> Nyahsembunyikan elemen kanak-kanak </em>/<br>}

 <a href="">Tutup</a> Klik untuk menutup<br></div>

Kaedah ini menggunakan atribut keterlihatan. Dengan menetapkan keterlihatan: runtuh pada elemen induk (#closelink), kami menyembunyikannya dengan berkesan. Walau bagaimanapun, dengan mengatasi atribut ini dengan keterlihatan: boleh dilihat pada elemen kanak-kanak (pautan a), kami memastikan bahawa kanak-kanak itu kekal kelihatan.

Oleh itu, teks "Klik untuk menutup" akan disembunyikan sementara pautan dan elemen kekal kelihatan, memenuhi keperluan yang dinyatakan dalam soalan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Teks Dalam Elemen HTML Tanpa Menyembunyikan Elemen atau Elemen Anaknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn