Bagaimana untuk Menggayakan Pautan tanpa Menggariskan Elemen Tertentu dalamnya?

Menggayakan Pautan tanpa Menyerlahkan Elemen Khusus

Apabila menggayakan pautan dengan CSS, seseorang mungkin menghadapi isu tidak dapat mengalih keluar garis bawah daripada elemen tertentu dalam pautan . Ini boleh mengecewakan apabila, sebagai contoh, anda ingin menyerlahkan hanya sebahagian daripada pautan.

Penjelasan Isu

Dalam coretan kod yang disediakan:

a {
  text-decoration: underline;
}

a #myspan {
  color: black;
  text-decoration: none;
}

The matlamatnya adalah untuk menjadikan semua pautan digariskan kecuali elemen dengan ID #myspan. Walau bagaimanapun, walaupun menetapkan hiasan teks: tiada; pada #myspan, ia kekal bergaris. Sebabnya ialah peraturan keutamaan CSS memberikan keutamaan yang lebih tinggi kepada pemilih induk (a) daripada pemilih yang lebih khusus (a #myspan). Oleh itu, garis bawah daripada a mengatasi hiasan teks: tiada; peraturan tentang #myspan.

Penyelesaian

Untuk menyelesaikan isu ini, kita boleh menukar sifat paparan #myspan kepada inline-block:

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

Dengan membuat #myspan elemen blok sebaris, kami mengalih keluar hubungannya dengan elemen berkenaan hiasan teks. Akibatnya, garis bawah tidak akan digunakan pada #myspan.

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