CSS - 删除<a href="#">的下划线

Question

嘿家伙我有这样的事情:

<a href="#"><span id="shorttext"><h4>V posledných dnech se událo mnoho zm?n, které byli velice výrazné. Proto neváhajte a podívete se i vy na to, co se vlastne zmenilo a nebo nezm?nilo kdo vi... </h4></span></a>

我只是在span之前移出来制作完整的块,因为href不仅仅是文本和文本变成下划线.

我尝试用以下方法修复它:

h4 {
    padding: 5px 10px 10px 10px;         /*text v slidery, opacity */
    font-color:FFFFFF;
}

a h4 {
    padding: 5px 10px 10px 10px;         /*text v slidery, opacity */
    font-color:FFFFFF;
    text-decoration: none;
}

a:visited h4{
    text-decoration:none;          
}
a:active h4{
    text-decoration:none;          
}
a:link h4{
    text-decoration:none;          
}

但它没有真正帮助,并建议？

感谢阅读我的帖子:)

Answer 1

下划线是锚点,而不是标题.

将其从锚中移除.

a {
    text-decoration: none;
}