Bagaimana untuk Mencegah Pewarisan Gaya CSS Di Dalam Div Tertentu?

Mengasingkan div daripada Gaya CSS Awam

Masalah:

Dalam kod HTML yang disediakan, gaya CSS digunakan untuk img dan elemen h1 juga memberi kesan kepada elemen dalam div #mydiv. Bagaimanakah warisan ini boleh dihalang?

Penyelesaian:

Menggunakan semua Harta Shorthand:

CSS Tahap 3 memperkenalkan semua sifat trengkas, yang membolehkan anda menetapkan semula semua sifat unsur. Dengan menetapkan semua: awalan pada div #mydiv, semua gaya yang diwarisi daripada nenek moyangnya akan disekat.

Untuk membolehkan penggayaan dalam div #mydiv, gunakan semua: tidak ditetapkan pada keturunannya. Ini akan membolehkan warisan dalam div sambil menghalang CSS luaran daripada menjejaskannya.

<code class="css">#mydiv {
  all: initial;
}
#mydiv * {
  all: unset;
}</code>

Menetapkan Sifat Individu Secara Manual:

Untuk sokongan penyemak imbas yang lebih luas, tetapkan semua yang diketahui secara manual Sifat CSS kepada parap untuk div #mydiv dan mewarisi atau inisial untuk keturunannya seperti yang berkenaan. Ini menyerupai gelagat semua harta.

Pertimbangan Tambahan:

• Pertimbangkan untuk menggunakan kelas pada div dan bukannya ID untuk kawalan kekhususan yang lebih besar.
• Sekat gaya pada keturunan unsur pseudo yang berpotensi untuk memastikan pengasingan sepenuhnya.
• Pantau sokongan penyemak imbas untuk semua sifat trengkas, kerana ia belum lagi disokong secara universal.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Pewarisan Gaya CSS Di Dalam Div Tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!