Bagaimana untuk Menggayakan Pautan tanpa Menggariskan Elemen Span Tertentu?

Menggayakan Pautan tanpa Menggariskan Elemen Tertentu

Apabila cuba menggayakan pautan dengan garis bawah, adalah perkara biasa untuk menghadapi situasi di mana anda mungkin mahu mengecualikan elemen tertentu dalam pautan daripada digariskan. Dalam kes ini, anda telah menghadapi cabaran dalam menggunakan gaya tertentu pada elemen #myspan tanpa menjejaskan garis bawah pada pautan yang lain.

Untuk menyelesaikan isu ini, pertimbangkan penyelesaian berikut:

Ubah suai perisytiharan CSS untuk elemen #myspan dan tetapkan sifat paparannya kepada "sekatan sebaris". Perubahan ini dengan berkesan menjadikan #myspan menduduki ruangnya sendiri dalam pautan, memisahkannya daripada teks yang digariskan.

Berikut ialah CSS yang dikemas kini:

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;
}

Anda juga boleh merujuk kepada kod HTML berikut:

<a href="#">A link <span></span></a>

Dengan membuat perubahan ini, elemen #myspan tidak lagi akan terjejas oleh garis bawah yang digunakan pada pautan, membolehkan anda menggayakannya secara bebas tanpa menjejaskan penampilan keseluruhan pautan.

Atas ialah kandungan terperinci Bagaimana untuk Menggayakan Pautan tanpa Menggariskan Elemen Span Tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!