CSS标题下划线

时间:2013-04-14 17:15:14

标签: html css styles

我有一个链接到asp.net转发器的CSS。我想要的是在悬停时标题链接加下划线,并且标题不是鼠标悬停时不加下划线的链接。 目前我在我的CSS中有这个,但两种类型的标题都加下划线。

A.TopTitle:link, A.TopTitle:active, A.TopTitle:visited
{

color: #800000;
font-family: Arial;
font-size: 16px;
font-weight: bold;
}

 A.TopTitle, A.TopTitle:hover
{
color: #800000;
font-family: Arial;
font-size: 16px;
font-weight: bold;

}

1 个答案:

答案 0 :(得分:0)

如果我正确理解您的问题,您需要通过CSS获得以下内容:   class =“TopTitle”的内容不应加下划线 除了HOVER时,除了LINKS之外。

假设你有一些愚蠢的CMS提供内联样式,我们将使用!important modifiers ..

.TopTitle, .TopTitle:link, .TopTitle:active, .TopTitle:visited
{
  text-decoration: none!important;
}
a.TopTitle, a.TopTitle:link, a.TopTitle:active, a.TopTitle:visited
  text-decoration: underline!important;
}

我希望我能正确理解你,这很有帮助。

祝你好运。