ホームページ > ウェブフロントエンド > フロントエンドQ&A > CSSにおける大なり記号は何を意味しますか

CSSにおける大なり記号は何を意味しますか

藏色散人
リリース: 2023-01-04 09:36:44
オリジナル
3626 人が閲覧しました

css の「より大」記号は、CSS3 独自の子要素セレクターです。子要素セレクターは、特定の要素の子要素である要素のみを選択できます。その構文は、「h1 >strong {color」のようなものです:赤;}"。

CSSにおける大なり記号は何を意味しますか

#この記事の動作環境: Windows10 システム、css3、thinkpad t480 コンピューター。

推奨: "

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

css の大なり記号 (">") は、css3 の一意のサブ要素セレクター (要素>要素) を表します。 )。子セレクターは、要素の子である要素のみを選択できます。

子孫要素を選択せず​​、範囲を絞って特定の要素の子要素のみを選択したい場合は、子セレクター(子セレクター)を使用してください。

たとえば、 h1 要素の子である強い要素のみを選択したい場合は、次のように記述できます:

h1 > strong {color:red;}
ログイン後にコピー

このルールは、最初の h1 の下にある 2 つの強い要素を赤にします。ただし、2 番目の h1 の強い要素は影響を受けません。

例:






This is very very important.

This is really very important.

ログイン後にコピー

css 子要素セレクター

element>要素セレクターは、特定の親要素を選択するために使用されます。

注: 要素が選択されていない場合、親の子要素を直接指定することはできません。

サブセレクターは、大なり記号 (サブ組み合わせ記号) を使用します。

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

h1 > strong
h1> strong
h1 >strong
h1>strong
ログイン後にコピー

右から左に読むと、セレクタ h1 >strong は「h1 要素の子である強い要素をすべて選択する」と解釈できます。

以上がCSSにおける大なり記号は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート