Question

我在css中有一般的超链接样式，并尝试创建一个新类来修改字体大小。它不起作用，我无法弄清楚我做错了什么。

a:hover,
a:link,
a:visited,
a:active {
  font-size: 16px;
  color: black;
  font-family: 'Open Sans';
  text-decoration: underline;
}
a.audio,
a.audio:hover,
a.audio:link,
a.audio:visited,
a.audio:active {
  font-size: 14px !important;
  color: black;
  font-family: 'Open Sans';
  text-decoration: underline;
}

Audio by <a class='audio' href=linkaddress target=_blank>name</a>

Answer 1

由于您的Stack Snippet有效，我无法准确找出您的超链接样式无法正常工作的原因，但我认为正在发生的事情可能会占据您声明的内容。我认为你应该尝试几件事：

1）在浏览器中打开您的开发人员工具。如果您在元素选项卡上，则可以选择您的类并查看正在应用的样式。以下是我的一个例子：

(what my audio class looks like)

正如您所看到的，音频类的字体大小为14px。但是，我为所有链接声明的字体大小已被删除。它没有被应用，因为音频类的样式更具体。

如果您打开了开发人员工具，它可以让您更深入地了解样式未应用的原因。也许某些东西压倒你的造型。

2）尝试将样式放到CSS文件的末尾，并确保如果你有其他样式表，那么它就是最后提到的样式表。由于CSS是级联的，因此最后声明的内容占据了更多的主导地位。

希望这有帮助!! @_kcodes

css中超链接样式的类不起作用

1 个答案: