Question

我用简单的页面制作了一个简单的风格，但它不起作用，我不明白为什么。按钮有一种颜色，即使我点击它也不会改变颜色。这是源代码:( index.html，不再需要文件）

<html>
 <meta http-equiv="Content-Language" content="cs">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <body>
    <style>
     a:link {color: blue; font-family: Arial, Sans Serif; text-decoration: underline;}
     a:hover {color:    red; font-family: Arial, Sans Serif; text-decoration: underline;}
     a:active {color: green; font-family: Arial, Sans Serif; text-decoration: underline;}
     a:visited {color: navy; font-family: Arial, Sans Serif; text-decoration: underline;}
    </style>
<a href="">Hello world!</a>
</body>
</html>

Here's link to the page, so you can see. 编辑：对不起，我忘了添加标签。

Answer 1

因为当多个选择器应用于同一个元素时，具有最大“权重”（适当的技术术语是特异性）的元素胜过其他元素。如果出现平局，最后出现的选择器将获胜。

在这种情况下，所有选择器都具有相同的特异性，最后出现a:visited，因此您的链接将显示为：

蓝色，如果你从未访问它并且不与它互动
红色，如果你从来没有去过它，但你正在徘徊它
绿色，如果您从未访问它但按下鼠标按钮
海军，如果你曾经访问过它，无论其他什么

为什么我的风格没有按预期工作？

1 个答案: