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

Pemilih CSS: Membandingkan html, kandungan dan Pemilih Universal *

Apabila menggunakan gaya CSS pada dokumen HTML, konteks di mana pemilih yang digunakan menentukan kesannya. Mari kita periksa perbezaan antara pemilih html, kandungan dan * apabila digunakan pada dokumen yang sama.

Pemilih html

Menggunakan gaya pada elemen html hanya mempengaruhi < ;html> tag. Unsur keturunannya, termasuk tag, warisi warna yang ditentukan. Walau bagaimanapun, sifat warna latar belakang tidak diwarisi, yang bermaksud latar belakang akan kelihatan di seluruh port pandangan.

Pemilih badan

Pemilih badan hanya menggayakan < ;badan> unsur. Unsur keturunannya mewarisi warna. Latar belakang tersirat elemen akan merambat ke melainkan latar belakang yang berbeza ditetapkan secara eksplisit untuk .

Pemilih Universal *

Pemilih universal * digunakan pada setiap elemen tunggal dalam dokumen. Ia memutuskan rantaian warisan, menghalang harta daripada diwarisi. Peraturan ini secara amnya tidak digalakkan melainkan terdapat sebab yang kukuh untuk membatalkan sepenuhnya warisan.

Ringkasan

• html menetapkan gaya untuk elemen, menjejaskan semua keturunan dengan warisan warna.
• badan menetapkan gaya untuk elemen, menjejaskan keturunannya dengan warisan warna dan mewarisi latar belakang elemen melainkan dinyatakan sebaliknya.
• * terpakai kepada semua elemen, tanpa mengira konteks, memutuskan rantaian warisan, yang secara amnya dianggap sebagai amalan buruk melainkan perlu.

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