サンプル:
<html>
<body>
<div class="myclass">
<span>Some text</span>
</div>
</body>
</html>
内部のスパンを選択するにはどうすればよいmyclass
ですか?
それは...ですか:
span.myclass {
color: red;
}
適用されないようです。要素を昆虫化して同じスタイルを設定すると、それが適用されます。
サンプル:
<html>
<body>
<div class="myclass">
<span>Some text</span>
</div>
</body>
</html>
内部のスパンを選択するにはどうすればよいmyclass
ですか?
それは...ですか:
span.myclass {
color: red;
}
適用されないようです。要素を昆虫化して同じスタイルを設定すると、それが適用されます。
以下はspan
内の要素を選択しますmyclass
:
.myclass span
{
color: red;
}
span
あなたが持っている CSSは、 class を持つ要素を選択しますmyclass
。
<span class="myclass">Some text</span>
CSS セレクターは右から左に評価されます。
スパンを選択しようとしている場合は、次のようになります.myclass
。
.myclass span
あなたが持っているのは、 のクラスを持つmyclass
スパンを探していることです。そのようなスパンは存在しないため、影響はありません。
あなたがしなければなりません
.myclass span{ color:red;}
「「myclass」という名前のクラスを持つ要素のすべてのスパンを選択します。CSS ルールは右から左に評価されます。
このような
.myclass span{ color:blue;}
親から子に入ります。