Bagaimanakah `html`, `body` dan Pemilih Universal (*) Berbeza dalam Keutamaan Pemilih CSS?

Keutamaan Pemilih CSS: html, badan dan Pemilih Universal* (Dikemas kini)

Persoalannya timbul: bagaimanakah tiga peraturan berbeza apabila digunakan pada dokumen HTML yang sama? Mari kita terokai kesan tersendiri pemilih ini: html, kandungan dan pemilih universal *.

Pemilih html:

color: black;
background-color: white;

}

Peraturan ini menggunakan warna dan gaya latar belakang pada unsur. Keturunannya mewarisi warna tetapi bukan latar belakang, termasuk unsur. elemen tidak mempunyai latar belakang lalai, menjadikannya telus, mendedahkan latar belakang.

Walaupun meliputi keseluruhan port pandangan, latar belakang elemen tidak memanjangkan ketinggiannya secara automatik; ia hanya meresap pada port pandangan.

Pemilih badan:

color: black;
background-color: white;

}

Peraturan ini menggunakan warna dan gaya latar belakang pada unsur. Semua keturunannya mewarisi warnanya.

Serupa dengan latar belakang, latar belakang disebarkan secara automatik ke elemen melainkan ditindih secara eksplisit. Oleh itu, apabila menggunakan satu latar belakang, letakkannya sama ada pada atau elemen tidak menghasilkan perbezaan yang ketara.

Walau bagaimanapun, menggabungkan gaya latar belakang untuk dan boleh menghasilkan kesan unik, seperti yang ditunjukkan di sini.

Pemilih Universal (*):

color: black;
background-color: white;

}

Peraturan ini mempengaruhi setiap elemen, membatalkan sebarang warisan tersirat. Tetapi ia mudah ditindih oleh peraturan lain, termasuk dan peraturan, kerana kekurangan kekhususannya.

Memutuskan pewarisan dengan pemilih universal secara amnya tidak digalakkan melainkan sangat diperlukan (biasanya untuk elemen terpencil yang khusus) kerana potensinya untuk mengganggu rantaian warisan untuk semua harta yang terjejas.

Atas ialah kandungan terperinci Bagaimanakah `html`, `body` dan Pemilih Universal (*) Berbeza dalam Keutamaan Pemilih CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!