Bagaimanakah Pemilih `html`, `body` dan `*` Memberi Impak Berbeza Penggayaan dalam CSS?

Kesan Peraturan CSS pada html, badan dan * Pemilih

Dalam CSS, html, badan dan * pemilih mempunyai tujuan yang berbeza apabila digunakan pada dokumen HTML yang sama. Mari terokai perbezaannya:

1. html Pemilih

• Menggunakan gaya pada elemen.
• Warna yang diisytiharkan (cth., hitam) diwarisi oleh keturunannya, termasuk badan, tetapi bukan warna latar belakang (cth., putih).
• Warna latar belakang elemen html memenuhi port pandangan, tetapi ketinggiannya tidak secara automatik memanjang ke port pandangan penuh.

2. Pemilih badan

• Menggunakan gaya pada elemen.
• Warna yang diisytiharkan diwarisi oleh keturunan, termasuk kandungan dalam elemen.
• Semasa warna latar belakang html disebarkan kepada badan, menetapkan warna latar belakang untuk badan mengatasi warna yang diwarisi daripada html.

3. * Pemilih (Pemilih Universal)

• Menggunakan gaya pada semua elemen dalam dokumen.
• Memutuskan rantaian warisan untuk sifat yang biasanya diwarisi (mis., warna), dengan begitu jelas menetapkan sifat ini dalam peraturan * dianggap amalan buruk.
• Mengatasi mana-mana peraturan CSS lain yang digunakan kepada elemen tertentu.

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