Определить: поддержка первого ребенка

Question

Как определить, используя JavaScript, поддерживает ли браузер селектор CSS :first-child?

Answer 1

Вы можете просто использовать это правило :first-child для установки определенного значения, а затем получить вычисленный стиль в Javascript, чтобы увидеть, применяется ли правило :first-child, например,

<style>
#foo { width: 200px; }
#foo:first-child { width: 400px; }
</style>

<span><span id="foo"></span></span>

<script>
if ($('#foo').width() < 400)
   alert('first-child not supported.');
</script>

не проверял. У меня нет IE 6.)

Answer 2

Я не думаю, что есть функция jQuery, чтобы найти поддержку для этого. Я ожидаю, что если оно существует, оно будет довольно сложным. Вы действительно уверены, что вам это нужно? Хотите поделиться, почему?

Если вы все равно можете использовать jQuery, почему бы не добавить оператор jQuery для присвоения класса / свойства / чего-либо нужному элементу вместо использования CSS?

В качестве «ручного» ответа, глядя на таблицу совместимости quirksmode.org , селектор полностью поддерживается во всех современных браузерах, кроме семейства IE, которое, похоже, имеет проблемы даже в IE8.