html - CSS 标题下划线

Question

我有一个链接到 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;

}

Answer 1

如果我正确理解您的问题，您希望通过 CSS 获得以下信息： class="TopTitle" 的内容不应在 HOVER 时且仅在 HOVER 时为 LINKS 加下划线。

假设您有一些愚蠢的 CMS 提供内联样式，我们将使用 !important 修饰符..

.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;
}

我希望我正确地理解了你，并且这很有帮助。

祝你好运。