Mengapa Elemen Anchor Tidak Sentiasa Mewarisi Warna dalam CSS?

Pengecualian Pewarisan CSS: Elemen Sauh

Dalam CSS, elemen sauh () mempamerkan tingkah laku yang menarik di mana ia tidak selalu diwarisi atribut warna daripada unsur induknya. Walaupun merupakan keturunan unsur tersebut, faktor tertentu boleh menyebabkan teg menyimpang daripada peraturan warisan ini.

Pertimbangkan coretan kod berikut:

<span>

Dalam kod ini, Teg bersarang dalam <span> elemen dengan kelas "biru." Kelas "biru" mentakrifkan atribut warna. Walau bagaimanapun, teg tidak mewarisi warna ini.

Sebab tingkah laku ini terletak pada helaian gaya lalai untuk penyemak imbas web. Penyemak imbas CSS mentakrifkan gaya lalai untuk elemen , yang termasuk warna yang mengatasi sebarang nilai yang diwarisi. Untuk memastikan teg mewarisi warna daripada induknya, peraturan berikut boleh ditambah pada lembaran gaya:

a {
  color: inherit;
}

Dengan memasukkan peraturan ini, penyemak imbas akan diarahkan untuk mewarisi atribut warna daripada elemen induk untuk tag . Ini memastikan penggayaan yang konsisten dan menghapuskan pengecualian yang menghalang pewarisan secara lalai.

Atas ialah kandungan terperinci Mengapa Elemen Anchor Tidak Sentiasa Mewarisi Warna dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!