CSS で指定された属性を持つ子要素を含む要素を選択するにはどうすればよいですか?
P粉170438285
P粉170438285 2023-09-08 18:24:41
0
1
614

[is-dismissed] プロパティを持つ 要素を含む

要素を選択するユーザースクリプトを作成しようとしています直系の子供として。

リーリー

この環境は属性による選択をサポートしています。このユーザー スクリプトはターゲット要素の子要素を選択できます:

リーリー

環境は :has() セレクターもサポートしており、スクリプトは (属性や属性に関係なく) を含む

を選択できます。継承の深さの方法)。

リーリー

最後に、環境は # 子セレクターをサポートしています。このスクリプトは、

要素の直接の子である要素を選択できます。

リーリー

しかし、:has() セレクターを他のツールと組み合わせようとすると、すべてが崩れてしまいます。探している CSS は次のようになります:

リーリー

ただし、Opera 上の Stylus ではエラーが返されます。最初のエラーは、Expected RPAREN but found '>' です。 ;#>> が診断手順として削除された場合、最初のエラーは Expected RPAREN but found '['. に変更されます。 [is-dismissed] を削除しても、最初のエラーが残ります。

:has() が属性セレクターを使用して子をサポートできるかどうかに関する情報は見つかりませんでしたが、>> セレクターを示唆するソース (これを含む) をいくつか見つけました。 :has() で適切に動作するはずです。これは実装のバグ (Opera や Stylus における)、CSS セレクターのサポートされていない組み合わせ (Opera または CSS 全体のいずれか)、これらのセレクターを組み立てる際の私の側のバグ、それとも何か他のものなのでしょうか?

P粉170438285
P粉170438285

全員に返信(1)
P粉404539732

スタイラスの拡張機能の問題のようです。

このセレクターは、Chrome Dev Tools および その他の CSS 環境で使用できます。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート