CSS 标题下划线答案

【问题标题】：CSS Title underlineCSS 标题下划线
【发布时间】：2013-04-14 17:15:14
【问题描述】：

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

}

【问题讨论】：

将大写 A 更改为小的 a 例如将 A.TopTitle 更改为 a.TopTitle
我看不到任何与下划线相关的规则... :-?
您将完全相同的样式规则应用于两组选择器。这里也没有关于 text-decoration 的内容。
好吧，因为它是 CMS 的一部分，所以下划线会自动出现。我只需要在非链接标题上禁用它们。

标签： html css styles

【解决方案1】：

如果我正确理解您的问题，您希望通过 CSS 获得以下信息：不应在 class="TopTitle" 下划线当且仅在 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;
}

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

祝你好运。

【讨论】：

您好，msmithgu，是的，您理解正确。但是，您的方法无法解决它。它只是强调了所有内容并省略了标题的格式。