CSS セレクター内の括弧

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

括弧の使用制限

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

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

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

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

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

の場合、 .pokey 要素と h3 要素は両方とも、提供された .gumby 要素の子です。 HTML 構造では、このセレクターはテキスト「Blockhead.」