Bagaimanakah Saya Boleh Menggariskan Pautan Secara Selektif Walaupun Tidak Termasuk Elemen Span Tertentu?

Menggayakan Pautan dan Elemen Span untuk Garis bawah yang Berbeza

Apabila bekerja dengan HTML dan CSS, selalunya perlu untuk menggayakan pautan dan menjangkau elemen secara berbeza dari segi hiasan teks. Dalam sesetengah kes, anda mungkin mahu mengalih keluar garis bawah daripada elemen span tertentu dalam pautan. Walau bagaimanapun, perkara ini boleh mencabar menggunakan pemilih CSS tradisional.

Persoalan yang timbul bertujuan untuk mencapai matlamat ini, di mana pautan harus digariskan kecuali elemen dengan ID "#myspan." Pada mulanya, peraturan CSS yang disediakan nampaknya tidak mempunyai kesan pada "#myspan", tetapi masalah timbul apabila susunan penggayaan diterbalikkan, menggariskan "#myspan" tetapi bukan pautan.

Penyelesaian: Penggayaan Sebaris

Untuk menyelesaikan isu ini, pengubahsuaian CSS yang mudah diperlukan. Dengan membuat elemen blok sebaris, ia menjadi terasing daripada kesan garis bawah pautan:

a {
  text-decoration: underline;
}

a #myspan {
  color: black;
  display: inline-block;
}

a:active #myspan {
  color: grey;
}

a:visited #myspan {
  color: yellow;
}

a:hover #myspan {
  color: red;
}

Kod CSS ini memastikan pautan digariskan manakala elemen "#myspan" kekal bergaris bawah. Selain itu, warna "#myspan" boleh disesuaikan dengan peraturan CSS seperti yang dikehendaki.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggariskan Pautan Secara Selektif Walaupun Tidak Termasuk Elemen Span Tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!