CSSにおける子孫セレクタとクラス
以下のコードがあるとします:
html<div class="block">
<h2>タイトル</h2>
<p>
テキスト
</p>
</div>
<div class="block">
<h2>タイトル</h2>
<p>
テキスト
</p>
</div>
クラスblockを持つ要素内にあるすべての見出しh2と段落を選択し、それらを異なる色で着色してみましょう。
そのために子孫セレクタ(セレクタ間のスペース)を使用します:
css.block h2 {
color: red;
}
.block p {
color: green;
}
Задание 1
以下のコードが与えられています:
html<p class="eee">
テキスト <i>イタリック</i>
</p>
<p class="eee">
テキスト <i>イタリック</i>
</p>
<div class="eee">
テキスト <i>イタリック</i>
</div>
<div class="eee">
テキスト <i>イタリック</i>
</div>
クラスeeeを持つ要素内にあるすべてのiタグを赤色で着色してください。