我怎么可能覆盖这段代码 - 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将始终使用具有最大（或相等）权重的最新选择器。