15

これを正しく行う方法がわかりません。私は次のCSSを持っています：

#container > #main > #content > a {
    color: #3B7315;
}

私はおそらくそれを使ってdiv<a>内のすべてのタグのスタイルを設定しています。#contentただし、問題は、divやネストされたリスト内のタグのスタイルを設定していないようです<a>。次のような最上位のタグのみをスタイル設定します。

<div id="content">
     <a href="#">Lorem ipsum</a>
</div>

リンクを別の要素の中に入れると、スタイリングがなくなります。

では、サブ要素全体を含めて、スタイルを再帰的に適用するにはどうすればよい#contentでしょうか。ある種のワイルドカード値を探していると思いますか？

4

4 に答える 4

42

必要以上に複雑にしました。

#content a {}
于 2013-01-28T22:05:25.473 に答える
5 
#content a, #content a:link, #content a:visited {base style rules}
#content a:hover, #content a:visited:hover, #content a:active {over style rules}
#content a:focus {wai style rules}
于 2013-01-28T22:24:41.757 に答える
2

必要なのは、スタイリングしようとしているコンテナとそのアンカーだけです。以下は、特に使用しているdivがidである場合は正常に機能するはずです。これは、そのdivや他のdivにクラスがある場合のように、他の要素に繰り返されないためです。

#content a{ style rules; }

これがお役に立てば幸いです。

于 2013-01-28T22:20:10.397 に答える
1

記号>は直接の子にのみ適用されます。そのため、これを使用すると、要素IDコンテンツの最初の子aにのみ適用されます。

于 2013-01-29T04:35:57.073 に答える