0 
#top a {
  color: #C6D6CA;
  margin: 0 25px;
  text-decoration: none;
}

.mainlink a {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
}

.mainlink div は #top のどこかにあります。マージンの #top a (親) 定義が .mainlink a で設定されたものを上書きするのはなぜですか? その行動を変えるには？

4

5 に答える 5

4

ルールを変更することで修正できます。

#top a {}
#top .mainlink a {}
于 2011-01-04T20:17:39.517 に答える
2

これをセレクタ指定と呼びます。参照: http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html

于 2011-01-04T20:03:38.817 に答える
0

CSS は「カスケード」するため、色は要素の子のいずれかに適用されます。子の色を指定する必要があり、場合によってはプロパティ宣言の最後に「!important」を追加する必要があります。

于 2011-01-04T20:04:20.330 に答える
0

スタイル シートがカスケードされている場合、名前付き ID はクラスよりも優先されます。

http://www.w3.org/TR/CSS2/cascade.html

margin: 0 !importantオーバーライドを強制するために使用できます。

于 2011-01-04T20:04:43.140 に答える
0

#top aセレクターは よりも具体的です.mainlink a。ID セレクターは、セレクターの特異性を大幅に高めます。

各 ID は、セレクターの特異性を 100 倍に増加させます。各クラスは、特異性を 10 倍に増加させます。

その場合、私は次のいずれかを行います。

A. ID をクラスまたは
B. 2 番目のセレクターに ID を追加します。

于 2011-01-04T20:04:43.813 に答える