html - 我怎么可能覆盖这段代码 - css 和 html？

Question

这怎么可能，我不明白，单击时我得到相同的效果：从第一行代码而不是底部“，#cracker1-button a：active”中删除此部分时以及保留它时。" , #cracker1-button" 怎么可能在顶部覆盖它？

#cracker1-button a:link, #cracker1-button a:visited, #cracker1-button a:hover, #cracker1-button a:active{
  text-decoration: none; 
  color: #000;
}

#cracker1-button a:active{
  color: #fff;
}

Answer 1

查看两个 CSS 选择器时：

..., #cracker1-button a:active {
    text-decoration: none;
    color: #000;
}

#cracker1-button a:active {
    color: #fff;
}

第二个，也是最近的一个，总是会覆盖第一个。这是因为两个选择器具有相同的权重，并且 CSS 将始终使用权重最大（或相等）的最新选择器。