Apakah Maksud Asterisk (*) dalam Nama Harta CSS?

Memahami Peranan Asterisk dalam Nama Harta CSS

Dalam pemilih CSS, asterisk (*) digunakan untuk memadankan sebarang elemen, tetapi apakah yang diwakilinya apabila ditemui dalam nama sifat?

Penggunaan dalam CSS Nama Harta

Asterisk (*) bukan aksara yang sah dalam nama sifat CSS dan menyebabkan ralat sintaks. Ini bermakna apabila asterisk hadir, nama sifat menjadi tidak sah dan pengisytiharan diabaikan oleh penyemak imbas.

Contoh:

.yui-button .first-child
{
    display:block;
    *display:inline-block;
}

Dalam contoh ini, pengisytiharan *display:inline-block adalah tidak sah kerana kehadiran asterisk. Penyemak imbas hanya akan mengabaikan pengisytiharan ini dan menggunakan pengisytiharan paparan:sekat yang sah.

Pepijat dan Implikasi Penyemak Imbas

Walaupun merupakan ralat sintaks, penyemak imbas secara sejarah telah menunjukkan pepijat yang membenarkan mereka mengabaikan asterisk. Ini membawa kepada amalan menggunakan asterisk untuk menyasarkan penyemak imbas tertentu, seperti IE7.

Walau bagaimanapun, bergantung pada tingkah laku ini adalah tidak digalakkan kerana ia mewujudkan penggayaan khusus penyemak imbas yang merendahkan pengalaman pengguna untuk pengguna penyemak imbas yang dikemas kini.

Penyelesaian Alternatif

Kepada bersyarat gunakan gaya pada penyemak imbas tertentu, adalah disyorkan untuk menggunakan ulasan bersyarat dan bukannya asterisk. Komen bersyarat ialah ulasan yang disokong oleh penyemak imbas lama tetapi diabaikan oleh yang lebih baharu, membenarkan penggayaan disasarkan.

Kesimpulan

Sementara asterisk boleh digunakan dalam pemilih CSS untuk sepadan dengan mana-mana elemen, ia bukan aksara yang sah dalam nama sifat CSS dan harus dielakkan. Penyemak imbas secara amnya telah membetulkan pepijat yang membenarkan mereka mengabaikan asterisk, menjadikannya teknik yang tidak boleh dipercayai untuk penggayaan khusus penyemak imbas.

Atas ialah kandungan terperinci Apakah Maksud Asterisk (*) dalam Nama Harta CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!