2012-02-16 18 views
1

私のhtml5への私のhtml5の更新の過程で、私は継承がちょっと変わったことに気付きました。私はul liのリスト内のリンクが、それと関係のないブロックでCSSルールとマッチしているのはなぜか分かりません。スクリーンショット1(脇)でリスト項目リンクの奇妙な継承

enter image description here 例えば、それは(しかし、スクリーンショットのうちにも役割=ナビゲーションから)スクリーンショット2(フッター)で

enter image description here 、それはスタイルのテイクフッターからのスタイルを引き継ぎます脇から(また、ロール=ナビゲーションのスクリーンショットからも)

なぜそうですか?

答えて

2

まず、適用されるCSSが#footer #footerGrid ul li a:a:link:visitedで使用されます。

  • #footerGrid UL李#footer
  • :リンク
  • :あなたは3種類のCSSセレクタを持っている昏睡でこれをseperatingにより、だからこれが適用されます

を訪問しましたフッターセクションだけでなく、:linkとa:visitedでトリガーします。同じことが2番目のスクリーンショットにも当てはまります!そのため

ドキュメント:セレクタのグループ化

注意、カンマが最初から 全く新しいセレクタを起動することを覚えておいてください。

+0

ああもちろん...完全に逃した:$ – Christophe

+0

問題ありません;-)それは何のためのstackoverflowです;-)答えを受け入れるようにしてください:) –

関連する問題