CSS HTMLのネストを修正せずにCSSで対応
2010/09/22
<div id=throughout>
<div id=header>あああ</div>
</div>
<div id=header>あああ</div>
</div>
上記のパターンと下記のパターンが混在しているサイトに何かしたい。
<div id=throughout>
</div>
<div id=header>あああ</div>
</div>
<div id=header>あああ</div>
下記のような感じで二つ記述してあげて無理矢理指定する。
#header{}
#throughout #header{}
#throughout #header{}
※ネストの修正したほうが無難。
※ネスト:入れ子構造。詳しくはGoogleで検索。
ネストエラーは下記のような感じ。
正:
<div><p>あああ</p></div>
<div><p>あああ</p></div>
ネストエラー:
<div><p>あああ</div></p>