-4

以下でこれがどのように可能になるのか、わかりません。クリックすると同じ効果が得られます :active 一番下ではなくコードの最初の行からこの部分を削除すると、「 #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;
}
4

1 に答える 1

2

2 つの CSS セレクターを見ると、次のようになります。

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

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

2 番目の新しいものは常に最初のものを上書きします。これは、両方のセレクターの重みが同じであり、CSS が常に最大の (または等しい) 重みを持つ最新のセレクターを使用するためです。

于 2013-01-14T22:33:18.437 に答える