CSS セレクターは演算子として括弧を使用できますか?

CSS セレクターで括弧を使用できますか?

CSS では、セレクター内の演算子として括弧を使用することはできません。これらは、:lang()、:not()、:nth-child() などの関数表記用に厳密に予約されています。

特定の特性を持つ特定の要素をターゲットにするには、セレクター構文の規則に従う必要があります。 。この場合、次のセレクターを使用して、テキスト「Blockhead」を含むヘッダーを選択できます:

.gumby > .pokey + h3

このセレクターは、.pokey 要素が前にあり、共通の .gumby 親を持つ任意の h3 要素をターゲットとします。要素。 >コンビネータは直接の子関係を示し、コンビネータは隣接する兄弟を選択します。

CSS セレクタはコンビネータの優先順位に関係なく線形に解析されることを理解することが重要です。上記のセレクターは次のように解釈できます:

• h3 要素を選択します
• .pokey 要素の隣接する兄弟です
• .gumby 要素の直接の子です

あなたの HTML の例では、.pokey と h3 は両方とも .gumby の子であり、セレクターの基準を満たしています。したがって、.gumby > は.pokey h3 セレクターは、「Blockhead」ヘッダーにスタイルを正常に適用します。

以上がCSS セレクターは演算子として括弧を使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。