Bolehkah Kotak Sekat Tanpa Nama Disasarkan Secara Terus dengan CSS?

Menyasarkan Nod Teks Mentah dengan CSS

Dalam CSS anda, anda telah menetapkan gaya khusus untuk elemen HTML yang berbeza seperti perenggan, blok kod dan petikan. Walau bagaimanapun, anda mungkin menghadapi cabaran apabila menggayakan teks yang wujud dalam elemen ini tetapi tidak dibalut dengan teg HTML. Teks ini menjadi sebahagian daripada kotak blok tanpa nama dan tidak boleh diakses secara langsung oleh CSS.

Bolehkah Kotak Sekat Tanpa Nama Disasarkan?

Menurut spesifikasi CSS, blok tanpa nama kotak mewarisi sifat gaya daripada kotak bukan tanpa nama yang disertakan. Walau bagaimanapun, ia tidak boleh disasarkan oleh CSS secara langsung.

Penyelesaian Alternatif:

Jika menambah teg HTML di sekeliling teks mentah tidak boleh dilaksanakan, pertimbangkan penyelesaian alternatif ini:

• Gayakan Elemen Bekas: Gunakan gaya teks yang diingini pada elemen bekas yang menyimpan teks mentah. Kemudian, ganti gaya ini untuk mana-mana elemen kanak-kanak dengan teg HTML tertentu.
• Gunakan JavaScript: Gunakan JavaScript untuk menambah atau mengalih keluar teg HTML di sekeliling teks mentah secara pemrograman. Ini membolehkan anda menyasarkan teks dengan CSS secara dinamik.

Nota tentang 'display: none':

Untuk elemen yang memerlukan 'display: none', kedua-dua penyelesaian ini tidak akan mencukupi. Dalam kes sedemikian, anda mungkin perlu meneroka kaedah lain untuk menyembunyikan atau mengalih keluar kandungan yang tidak diingini.

Atas ialah kandungan terperinci Bolehkah Kotak Sekat Tanpa Nama Disasarkan Secara Terus dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!