スタイルシート・ＣＳＳを適用しよう　～応用編～

スタイルシート・ＣＳＳを適用しよう　～応用編～

　複雑な構成のページを作るようになると、「ＩＤ名SAMPLE01をつけたＤＩＶ内にある段落にだけスタイルを適用したい」とか、「クラス名SAMOLE02をつけた段落内にある<strong>タグは特別な色とフォントを設定したい」などの要望が出てくることがありますが、そんな複雑な指定をする場合のスタイルシート記述方法の代表的な方法をご紹介します。

ＩＤ名SAMPLE01をつけたＤＩＶ内にある段落にだけ適用

　下の例の「div#sample01」と「p」の間には半角スペースを入れます。以下②から④のケースも同様にスペースを入れてください。

クラス名SAMPLE02をつけたＤＩＶ内のリストにのみ適用

　クラス名を使って同様の指定が可能です。

ＩＤ名SAMPLE03がついた何らかの要素内の段落内にあるリンクにのみ適用

　子要素の子要素に指定をかけることも可能です。

ＩＤ名SAMPLE03がついた何らかの要素内にある、クラス名SAMPLE04をつけた段落にのみスタイルを適用

　ＩＤ名とクラス名を組み合わせて指定することもできます。