檢測：首次子女支持

Question

如何使用JavaScript檢測瀏覽器是否支持CSS :first-child選擇器？

Answer 1

您可以使用該規則設置一些具體的值，然後在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語句來爲所需的元素指定class/property/whatever，而不是依賴於CSS？

作爲一個「手冊」的回答，看看quirksmode.org compatibility table，除IE家族外，所有現代瀏覽器都完全支持該選擇器，即使在IE8中，該家族似乎也有問題。