Mengapa Teg Sauh Saya Tidak Mewarisi Warna Induknya?

Tag Sauh Bukan Warisan Atribut Warna Induk

Latar Belakang:
Dalam keadaan biasa, elemen sauh () mewarisi atribut warna unsur induknya. Walau bagaimanapun, dalam situasi tertentu, warisan ini mungkin terganggu.

Isu:
Dalam coretan kod yang disediakan:

<span class="blue">::<a href="/equipment_new.php">CLICK HERE</a>:: to view our New Equipment inventory. <br><br></span>

The teg gagal mewarisi warna (#6E99E1) daripada induknya kelas "biru."

原因:
tag secara lalai mempunyai sifat CSS yang dipanggil "color: blue;" digunakan padanya, yang mengatasi warna yang diwarisi daripada elemen induk. Ini memastikan tag sauh sentiasa berwarna biru tanpa mengira warna induknya.

Penyelesaian:
Untuk membenarkan tag untuk mewarisi warna induk, lalai "warna: biru;" harta mesti ditindih secara eksplisit. Satu cara untuk melakukannya ialah dengan menambah peraturan CSS berikut:

a {
  color: inherit;
}

Peraturan ini memberitahu penyemak imbas untuk mewarisi atribut warna daripada elemen induk untuk semua tag.

Tambahan:
Jika mahu, anda boleh mengubah suai "warna: warisan;" peraturan untuk menentukan warna tertentu sebaliknya:

a {
  color: #6E99E1;
}

Ini akan memastikan semua tag mewarisi warna #6E99E1 daripada unsur induknya, walaupun unsur induk mempunyai warna yang berbeza.

Atas ialah kandungan terperinci Mengapa Teg Sauh Saya Tidak Mewarisi Warna Induknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!