Bagaimana untuk memastikan garis bawah tebal berfungsi pada pemisah baris?

Question

Saya menggunakan kod berikut untuk menambah hiasan garis bawah yang lebih tebal/bergaya pada hiperpautan saya.

a { text-decoration: none;

a:hover { color: #c0632e }

a::selepas { kandungan: "";
        bawah: 0; kiri: 0;
        kelegapan: 0.15;
    
a:hover::after { background-color: #c0632e }

Walau bagaimanapun, ia hanya berfungsi jika saya menukarnya kepada kelas dan menambahkannya pada setiap pautan sebagai . Jika saya cuba melaksanakannya secara global, ia tidak berfungsi apabila terdapat baris baharu di tengah-tengah hiperpautan. Ia berfungsi dengan baik apabila tiada pemisah baris, tetapi tidak apabila terdapat pemisah baris.

Adakah terdapat cara untuk membetulkannya supaya ia boleh digunakan secara global tanpa perlu mentakrifkan

Answer 1

Saya juga mengalami masalah yang sama baru-baru ini. Saya cadangkan anda menggunakan bahagian bawah sempadan dan bukannya ::selepas. Cuba ini:

a {
    border-bottom: 1rem solid;
}

Anda juga boleh menggunakan px untuk menentukan saiz dan bukannya rem. Jangan lupa nyatakan warna sempadan jika ia tidak muncul

border-color: black;