Совместимость с браузером CSS-селектора # idValue.classValue Selector?

Question

Как бы я мог искать или всесторонне тестировать совместимость браузера с определенным селектором CSS?

Селектор в вопросе имеет такой вид:

#idValue.classValue 

Какой будет найти элемент с идентификатором idValue с классом classValue - так, как эта вещь:

<div id="idValue" class="classValue"> 

Насколько совместим этот с основными браузерами? Как бы я исследовал совместимость этого селектора, не запуская все браузеры? Есть ли название для такого рода составных селекторов?

Answer 1

Каждый браузер полностью поддерживает этот селектор. Специального названия для него нет, хотя интересно отметить, что он называется «составной селектор», так как это комбинация двух простых селекторов.

Если вы переключаете селектор вокруг, он должен работать точно так же:

.classValue#idValue 

Смотрите также:

• Browser support for the combined type, ID and class selectors?
• Combining a Class selector with an ID

Что касается исследования поддержки браузера , QuirksMode.org's CSS compatibility table - хороший ресурс, он не упоминает каждый доступный селектор. l–c–n.com has a much more comprehensive table.