Mengapa Elemen Sauh Saya Tidak Mewarisi Warna Induknya?

Apabila Elemen Sauh Enggan Mewarisi: Membongkar Puncanya

Apabila elemen sauh gagal mewarisi atribut warna daripada elemen induknya, isu sedang berlaku. Lazimnya, elemen penambat harus menggunakan warna induk dengan lancar, tetapi kadangkala, faktor tertentu boleh mengganggu warisan ini.

Dalam kod yang anda berikan, anda telah melihat tingkah laku ini dan sedang mencari penyelesaian. Penyebab utama di sini adalah gaya CSS lalai untuk tag anchor. Penyemak imbas selalunya mempunyai tetapan warna lalai mereka sendiri untuk sauh, yang boleh mengatasi warna yang ditentukan bagi elemen induk.

Untuk membetulkan isu ini, anda boleh mengatasi peraturan CSS lalai dengan menetapkan warna fon unsur sauh secara eksplisit kepada "warisi." Ini akan memaksa penyemak imbas menggunakan warna induk untuk teg anchor.

Penyelesaian:

Tambah peraturan CSS berikut pada lembaran gaya anda:

a {
  color: inherit;
}

Kod ini secara khusus menyasarkan tag anchor dan mengarahkan penyemak imbas untuk mewarisi warna daripada induk elemen.

Kod Disemak:

<style>
  .blue {
    color: #6E99E1;
    font-size: 9px;
  }

  a {
    color: inherit;
  }
</style>

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

Dengan pengubahsuaian ini, tag anchor anda kini akan mewarisi warna yang diingini daripada elemen induknya, memastikan penampilan yang konsisten sepanjang anda halaman web.

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