Question

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

我对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。我认为有一个标题具有某种风格是可行的，这样我就可以灵活地使用它。

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

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

Answer 2

正如JSK NS已经指出的那样，a:和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; 
}

Answer 3

语法错误。 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; 
}

CSS /样式标题标签

3 个答案: