html - 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 之前移出以制作完整 block ，因为 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

下划线在 anchor 上，而不是标题上。

将其从 anchor 中移除。

a {
    text-decoration: none;
}