Mengapa Elemen Anchor Tidak Mewarisi Warna Daripada Elemen Induknya Secara Lalai?

Mengapa Elemen Sauh Tidak Mewarisi Warna daripada Elemen Induk?

Apabila mentakrifkan gaya CSS untuk elemen bersarang, adalah perkara biasa untuk menetapkan warna elemen induk dan mengharapkan unsur kanak-kanak untuk mewarisinya. Walau bagaimanapun, dalam keadaan tertentu, tingkah laku warisan ini mungkin terganggu.

Dalam coretan kod yang disediakan:

<div>

The elemen dengan kelas "biru" mempunyai warna yang ditetapkan #6E99E1. Walau bagaimanapun, elemen sauh () di dalamnya muncul dengan warna yang berbeza. Ini kerana tag secara lalai mempunyai warna yang ditentukan oleh pelayar. Dengan menambahkan peraturan berikut, anda boleh mengatasi gelagat lalai ini dan mewarisi warna induk:

a {
  color: inherit;
}

Dengan peraturan ini, elemen penambat akan mewarisi atribut warna daripada induknya, memastikan pewarnaan yang konsisten merentas elemen bersarang .

Atas ialah kandungan terperinci Mengapa Elemen Anchor Tidak Mewarisi Warna Daripada Elemen Induknya Secara Lalai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!