CSS/样式标题标签

我尝试了许多其他地方的css和stackoverflow，但不知何故我做不到

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

我想风格h5时，它是一个链接

例如，我正在创建一个自定义html模块，在内容中有一个列表。在我给每个人的内容中，h5风格，还有一个链接到网站的某个页面

我想要实现的是将此列表设置为蓝色。当鼠标悬停在下划线上时，颜色仍然相同。当单击返回到原始位置时，没有下划线，也没有颜色变化。（在任何情况下都使用相同的颜色，在其上方加下划线即可。）

我试过这些h5，H5A，H5A: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”

但现在有什么东西压倒了它，我现在完全迷路了

我在检查中看到a:悬停式

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

---

非常感谢，任何帮助都会很好：）

看起来您在

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

---

您的语法有错误。悬停之间的空格，应写成一个

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

---

我真不敢相信在空间上花了几个小时！非常感谢，它工作得很好。@OP，你远远不是第一个做这种事情的开发人员。哎呀，我花了太多时间写答案。别忘了把一个合适的答案标记为“正确”。非常感谢，我不知道什么时候该放空格还是不该放，我想我们应该在“：”后面放空格，比如在颜色上……是的，它看起来是多余的，但我在我的原始模板主题css中有一个更大类的悬停样式和颜色，所以我认为它会覆盖它，因为当我删除它时，悬停颜色会返回到我没有指定的其他颜色。css不支持嵌套。也许您正在使用一些预处理器，比如LESS？您的整个代码示例都是语法错误。如前所述，CSS根本不支持嵌套。谢谢！每行之前的间距是否对代码有任何影响，或者我不应该问这个问题！BoltClock我有点困惑，我们讨论的是哪一个语法错误的代码？@BoltClock和xec：很抱歉误会了。我真的搞错了。重新编辑了它。