内のh2要素の後にくるulに左マージンを作ってやろうとしたら、関係ないグローバルナビのulにまでマージンが発生してレイアウト崩れて、少々悩みました。
h2 > ul{ margin-left:50px;
}
みたいに設定したら無理で、
div#main > ul {
margin-left:50px;
}
はOKでした。
子セレクタへのCSS適用は、ちゃんと親要素を設定してやらないといけませんね。
h2とulは隣同士の関係だったので、「隣接セレクタ」という「+」で設定するようですね。
「子セレクタ」と「隣接セレクタ」を混同していました(爆)
h2 > ul{ margin-left:50px;
}
みたいに設定したら無理で、
div#main > ul {
margin-left:50px;
}
はOKでした。
子セレクタへのCSS適用は、ちゃんと親要素を設定してやらないといけませんね。
h2とulは隣同士の関係だったので、「隣接セレクタ」という「+」で設定するようですね。
「子セレクタ」と「隣接セレクタ」を混同していました(爆)