兄弟関係の CSS セレクターで括弧を使用できますか?

CSS セレクター内の括弧

CSS セレクターに括弧を組み込むことはできますか?具体的には、テキスト「Blockhead」を含むヘッダーをターゲットにする場合、セレクターを (.gumby > .pokey) h3 として記述できますか?

括弧の使用制限

括弧はCSS セレクター内の有効な演算子ではありません。これらは、:lang()、:not()、:nth-child() などの関数表記用に予約されています。

兄弟関係における括弧の代替

提供された例では、括弧は不要です。セレクター .gumby > .pokey h3 は、目的のヘッダーを選択するのに十分です。

CSS セレクターは線形に読み取られます。 「>」のようなコンビネータこのセレクタで使用される「 」と「 」には優先順位がありません。セレクターは次のように解釈できます。

• h3 要素を選択します
• クラス "pokey" を持つ要素の直後にあります
• 要素の子ですクラス「gumby」

.pokey 要素と h3 要素は両方とも、提供された HTML 構造内の .gumby 要素の子であるため、このセレクターはテキスト「Blockhead」を含むヘッダーを正しくターゲットにします。 ."

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