CSS memerlukan pemilih awalan nama

Saya suka bekerja dengan elemen tersuai untuk semua jenis perkara, tetapi kadangkala saya hanya mahu menyembunyikan bahan sehingga ia dimuatkan atau melakukan perkara lain dengannya dalam CSS.

Penyelesaian mudah kelihatan seperti ini:

framework-button:not(:defined) {
   display: none
}

Letakkan itu dalam teg dalam HTML dan butang hanya akan muncul setelah ia dimuatkan.

Tetapi dengan rangka kerja yang lebih besar, ini menjadi sangat menjengkelkan. Kadangkala anda boleh lari dengan hanya memilih :not(:defined), tetapi itu tidak selalunya berdaya maju.

Pembetulan yang jelas (sekurang-kurangnya kepada saya): CSS memerlukan pemilih awalan nama, jadi anda boleh melakukan ini

framework-*:not(:defined) {
   display: none
}

Ini bukan perkara yang sama sekali baharu. Kita sudah boleh melakukan ini dengan pemilih atribut.

Dan saya pasti membenarkan pemisahan hanya pada - dalam nama elemen akan menjadikannya semunasabahnya mudah untuk melaksanakan ini dengan berkesan dalam penyemak imbas juga.

Apa pendapat anda semua? Adakah ini berguna? Adakah terdapat penyelesaian yang lebih mudah yang sudah berjaya?

Atas ialah kandungan terperinci CSS memerlukan pemilih awalan nama. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!