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