派生セレクター
派生セレクターを使用すると、ドキュメントのコンテキストに基づいてタグのスタイルを設(shè)定できます。派生セレクターを賢明に使用することで、HTML コードをよりクリーンにすることができます。 たとえば、リスト內(nèi)の強い要素を通常の黒ではなく赤にしたい場合は、次のように派生セレクターを定義できます。 HTML コンテキスト
li strong{ color: red;
}完全なコードは次のとおりです: index.html<p><strong>我是黑色，因為我不在列表當(dāng)中，所以這個規(guī)則對我不起作用</strong></p> <u1> <li><strong>我是紅色。這是因為 strong 元素位于 li 元素內(nèi)。</li> </u1>mycss.css
<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="mycss.css" type="text/css"> </head> <body> <p><strong>我是黑色，因為我不在列表當(dāng)中，所以這個規(guī)則對我不起作用</strong></p> <u1> <li><strong>我是紅色，這是因為 strong 元素位于 li 元素內(nèi)。</strong></li> </u1> </body></html>実行結(jié)果:
CSS で定義された li Strong のスタイルは、 <p><strong>
のコンテンツに影響を與えることなく、上記の HTML ファイル ;li><strong>
