CSS/样式标题标签

Question

我尝试了很多来自其他地方的 css 和 stackoverflow，但不知何故我无法完成。

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

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

例如，我正在创建一个自定义 html 模块，在内容中有一个列表。在内容中，我为每个内容提供了 h5 样式，以及指向该网站特定页面的链接。

我想要实现的是让这个列表的颜色为蓝色。当鼠标悬停时有下划线并且颜色仍然相同。当点击回到原来的位置时，没有下划线，也没有颜色变化。 (在任何情况下都使用相同的颜色，当你超过它时只需下划线。)

我尝试了这些 h5、h5 a、h5 a:悬停、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。而且我认为拥有一个具有特定样式的标题会很实用，这样我就可以灵活地使用它。

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

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