如何在CSS中加下划线链接

问题描述:

我想在一个特定的类中加下划线。但不知何故,我想不通为什么它不工作如何在CSS中加下划线链接

这是我的代码

.kleiner { 
    a:link text-decoration: underline; 
    font-size: 75%; 

} 
+7

请在提问前了解CSS的基础。 – MatTheCat

你的CSS应该是.kleiner a:link {text-decoration: underline; font-size: 75%;}

+0

就是这样,谢谢你的快速回答 – Richard

+0

不客气。 – Mers

Css structure是完全错误的。

.kleiner a:link { 
    text-decoration: underline; 
    font-size: 75%; 

} 

试试这个:

.kleiner a:link{ 
    text-decoration: underline; 
    font-size: 75%; 
} 
+0

但是,然后全班都加下划线。我想在线链接下划线 – Richard

这不是正确的CSS代码。它不能工作。在纯CCS你的代码应该是这样的(我假设你希望你的链接带下划线装饰和更小的)

.kleiner a:link { 
 
    color: red; 
 
}
<div class="kleiner"> 
 
    <p>Some text</p> 
 
    <a href="#">Some link</a> 
 
</div>

这是很基本的东西。您可以在任何CSS教程中轻松找到所需的信息。

对于<a>标记text-decoration: underline;属性是默认属性,它可能无法工作,除非你有全局覆盖。

请尝试使用text-decoration: underline !important

这可能有帮助。

谢谢:)。