css - ID/クラスを属性と組み合わせることは可能ですか?

Question

仕様を無視して不思議に思っているのですが、この種のセレクターは実際のブラウザーで実際に見つかり、サポートされていますか?

クラスセレクターと属性セレクター、または ID セレクターと属性セレクターを組み合わせた CSS ルールを見たことがありません。このように Id を組み合わせても意味がないように見えますが、id 要素が無効になっている場合にのみ使用されるルールのようなユース ケースがあります。

実際にサポートされている可能性のある組み合わせをよりよく理解しようとしています。

Answer 1

一般に、ID は一意であるため、ID を属性と組み合わせる必要はありません。

.header .float-left #my_id

クラスと属性を組み合わせることは珍しいことではないと思います。たとえば、次のように一意ではないためです。

input.my_class[type='submit']

Answer 2

ID、クラス、および属性セレクターをサポートするすべてのブラウザーは、複合セレクター内でそれらの組み合わせを問題なく理解できます。私が見た限りでは、あいまいなバグがある場合、それらは通常、個々のセレクターにあり、セレクターの組み合わせにはありません (たとえば、IE7 はそれほどあいまいではありませんが、DOM プロパティの属性セレクターの悪名高い取り扱いミスです)。 .

仕様では、ID、クラス、および属性の組み合わせについて具体的には何も述べていませんが、それが許可されており、完全に公正なゲームであることを間接的に述べています(単純なセレクターのシーケンスと単純なセレクターを参照) 。