3

我从其他地方和stackoverflow尝试了许多css，但不知何故我无法完成。

我对 css 很陌生，并且使用 Joomla 和模板。我正在使用 custom.css 文件夹对样式进行某些自定义。这是我想做的：

当它是链接时，我想设置 h5 的样式。

例如，我正在创建一个自定义 html 模块，在内容中有一个列表。在内容中，我给出了每一个，h5 样式，以及指向站点中某个页面的链接。

我想要实现的是让这个列表带有蓝色。当鼠标悬停在下划线时，颜色仍然相同。当点击回到原始位置时，没有下划线，也没有颜色变化。（在每种情况下都使用相同的颜色，当你超过它时，只需加下划线。）

我试过这些h5，h5 a，h5 a：hover，h5 .contentheading a，等等......

在一种情况下，它正在使用：

h5 {
  font-family: arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}

h5 a {
  color: #0088CC;
}

h5 a: hover {
  color: #0088CC;
  text-decoration: underline; 
}

当我阅读时，当标题是链接时，我应该使用“a”。

但是现在有些东西压倒了它，我现在完全迷失了。

我在检查中看到了一个：悬停样式。

当我想将内容设置为链接列表时，我想在多个内容中（在自定义模块中）使用这个 h5。而且我认为有一个具有某种风格的标题是很实用的，这样我就可以灵活地使用它。

非常感谢，任何帮助都会很棒:)

4

3 回答 3

5

a:看起来你在和之间有一个空格hover。尝试：

h5 {
  font-family: arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}

h5 a {
  color: #0088CC;
}

h5 a:hover {
  color: #0088CC;
  text-decoration: underline; 
}
于 2012-10-16T16:59:54.517 回答
2

正如JSK NS已经指出的那样，a:and之间不应该有空格hover。如果您希望链接仅在鼠标悬停时加下划线，您应该添加

text-decoration: none

在h5 a节中。您还可以删除重复的颜色，h5 a:hover因为它是多余的。最终的 CSS 会是这样的：

h5 {
  font-family: arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}

h5 a {
  color: #0088CC;
  text-decoration: none;
}

h5 a:hover {
  text-decoration: underline; 
}
于 2012-10-16T17:02:37.733 回答
1

您的语法有错误。a:hover 之间的空格，这个应该写成一个。

h5 {
    font-family: arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
}

h5 a {
    color: #0088CC;
}

h5 a:hover {
    color: #0088CC;
    text-decoration: underline; 
}
于 2012-10-16T17:04:34.583 回答