cari
Rumahhujung hadapan webtutorial cssBagaimanakah `html`, `body` dan Pemilih Universal (*) Berbeza dalam Keutamaan Pemilih CSS?

How Do `html`, `body`, and the Universal Selector (*) Differ in CSS Selector Precedence?

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;

}
pra>

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!

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Membina susun atur pelbagai arahMembina susun atur pelbagai arahApr 12, 2025 am 10:15 AM

Terdapat beberapa ciri baru dalam CSS yang boleh membantu kami dengan susun atur bangunan untuk arah dan bahasa yang berbeza dengan mudah. Artikel ini mengenai CSS

Apa perbezaan antara lebar/ketinggian dalam CSS dan Atribut HTML Lebar/Ketinggian?Apa perbezaan antara lebar/ketinggian dalam CSS dan Atribut HTML Lebar/Ketinggian?Apr 12, 2025 am 10:13 AM

Sesetengah elemen HTML menerima lebar dan ketinggian sebagai atribut. Ada yang tidak. Atribut -atribut tersebut kadang -kadang disebut sebagai atribut persembahan. Perkara yang perlu diketahui tentang mereka adalah bahawa mereka ditindih oleh apa -apa maklumat gaya lain. Itu

Netlify fivesNetlify fivesApr 12, 2025 am 10:10 AM

Kami ' Ve mendapat Netlify sebagai penaja di sini sekali lagi tahun ini, yang hanya hebat. Peminat besar. Sarah Drasner kami sendiri adalah ketua DX (pengalaman pemaju)

Eleventy LoveEleventy LoveApr 12, 2025 am 10:09 AM

Telah melihat banyak tindakan sebanyak sebelas akhir -akhir ini. Ia adalah pemain yang lebih kecil di dunia penjana tapak statik, tetapi saya fikir ia mempunyai potensi besar kerana bagaimana

Slider Multi-Thumb: Kes dua thumb tertentuSlider Multi-Thumb: Kes dua thumb tertentuApr 12, 2025 am 10:07 AM

Ini adalah konsep yang pertama kali saya temui beberapa tahun lalu ketika Lea Verou menulis artikel mengenainya. Slider pelbagai jarak telah dibuang dari spesifikasi sejak,

Berfikir melalui pilihan gaya untuk komponen webBerfikir melalui pilihan gaya untuk komponen webApr 12, 2025 am 10:02 AM

Di manakah anda meletakkan gaya dalam komponen web?

Memahami async menungguMemahami async menungguApr 12, 2025 am 09:55 AM

Apabila menulis kod untuk web, akhirnya anda perlu melakukan beberapa proses yang mungkin mengambil masa beberapa saat untuk diselesaikan. JavaScript tidak boleh multitask, jadi

Komponen pihak ketiga yang terbaikKomponen pihak ketiga yang terbaikApr 12, 2025 am 09:54 AM

Saya ' m peminat komponen web. Saya fikir ia adalah cara yang sangat bagus untuk membina laman web pada hampir setiap skala (kecuali, mungkin, yang paling mutlak

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Muat turun versi mac editor Atom

Muat turun versi mac editor Atom

Editor sumber terbuka yang paling popular

SecLists

SecLists

SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini

SublimeText3 Linux versi baharu

SublimeText3 Linux versi baharu

SublimeText3 Linux versi terkini

EditPlus versi Cina retak

EditPlus versi Cina retak

Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod