Rumah > hujung hadapan web > tutorial css > Mengapa Teg Sauh Saya Tidak Mewarisi Warna Induknya?

Mengapa Teg Sauh Saya Tidak Mewarisi Warna Induknya?

Barbara Streisand
Lepaskan: 2024-12-16 18:10:16
asal
343 orang telah melayarinya

Why Doesn't My Anchor Tag Inherit Its Parent's Color?

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>
Salin selepas log masuk

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;
}
Salin selepas log masuk

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;
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan