我只是想知道忽略规范,这种选择器是否真的在真正的浏览器中找到并支持?
我从未见过结合了类和属性选择器或 id 和属性选择器的 CSS 规则。虽然以这种方式组合 Id 似乎没有意义,但也有一些用例,例如仅在禁用 id 元素时使用的规则。
我只是试图更好地理解可能的真正支持的组合。
我只是想知道忽略规范,这种选择器是否真的在真正的浏览器中找到并支持?
我从未见过结合了类和属性选择器或 id 和属性选择器的 CSS 规则。虽然以这种方式组合 Id 似乎没有意义,但也有一些用例,例如仅在禁用 id 元素时使用的规则。
我只是试图更好地理解可能的真正支持的组合。
通常,由于 ID 是唯一的,因此您永远不需要将它与属性结合起来,但是在它前面加上一些东西通常会有所帮助,以查看它的来源,例如:
.header .float-left #my_id
我想说将一个类与一个属性结合起来并不罕见,因为它不是唯一的,例如:
input.my_class[type='submit']
所有支持 ID、类和属性选择器的浏览器都可以轻松理解它们在复合选择器中的组合。据我所见,如果有任何晦涩难懂的错误,那么这些通常存在于单个选择器中,而不是选择器的组合中(例如,IE7 不是那么晦涩,而是臭名昭著的 DOM 属性选择器的错误处理) .
该规范没有具体说明如何组合 ID、类和属性,但它确实间接声明它是允许的且完全公平的游戏(参见简单选择器和简单选择器的序列)。