子孫ではなく、ある要素の子(直下の要素)のみにスタイルを適用したい時は、子セレクタを使用します。
使用例
<!DOCTYPE html> <html lang="ja"> <head> <title>Hello! CSS</title> <meta charset="UTF-8"> <style> /* p要素の子のstrong要素 */ p > strong { color: red; } </style> </head> <body> <p>段落1の<strong>強調語句</strong>です。</p> <p><em>段落2の<strong>強調語句</strong>です。</em></p> <p>段落です。</p> </body> </html>
関連エントリー
CSSエントリーのまとめ - プログラマーな日々
CSSに関するエントリーのまとめページです。 ...