css3 は子孫セレクターを表すために何を使用しますか?-フロントエンドQ&A-php.cn

css3 は子孫セレクターを表すために何を使用しますか?

青灯夜游

リリース： 2021-12-16 14:18:11

オリジナル

3039 人が閲覧しました

css3 では、子孫セレクターを表すために「>」記号 (子結合記号) が使用され、「E>F{...}」という構文は、直接の子要素 F をすべて選択するために使用されます。は E 要素であり、それにスタイルを設定します。子孫セレクターは子要素のみを選択でき、孫要素は選択できません。

css3 は子孫セレクターを表すために何を使用しますか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css3 では、子孫セレクターを表すために「>」記号 (子コンバイナー) が使用されます。

下位結合の両側に空白文字を含めることができますが、これはオプションです。したがって、次のように記述しても問題ありません。

E > F{sRules}
E> F{sRules}
E >F{sRules}
E>F{sRules}

ログイン後にコピー

子孫セレクターは、E 要素の直接の子であるすべての要素 F を選択し、スタイルを設定するために使用されます。

子孫要素を選択せず、範囲を狭めて要素の子要素のみを選択したい場合。
子孫セレクターと比較して、子セレクター (子セレクター) は、要素の子要素である要素のみを選択できます。

包含セレクター (EF) とは異なり、子孫セレクターは子要素のみをヒットでき、孫要素はヒットできません。

css3 は子孫セレクターを表すために何を使用しますか?

例

親が

要素である

要素をすべて選択します:

div > p
{
  background-color:yellow;
}

ログイン後にコピー

<style>
.demo > p{color:red;}
.demo > h3{color:blue;}
</style>
<div class="demo">
<p>我第1个是p标签</p>
<h3>我是标题1</h3>
<p>我第2个是p标签</p>
<h4>我是小标题</h4>
<p>我第3个是p标签</p>
</div>

ログイン後にコピー

css3 は子孫セレクターを表すために何を使用しますか?

(学習ビデオ共有:

css ビデオチュートリアル)

以上がcss3 は子孫セレクターを表すために何を使用しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。