使用jQuery检测浏览器的CSS选择器支持

Question

通常，我使用Modernizr进行常规功能检测，但它无法检测到浏览器选择器支持（即：nth-​​of-type（）选择器）。

有没有办法检测选择器支持浏览器与jQuery？

Answer 1

即使在不支持CSS中的选择器的浏览器中，选择带有jQuery选择器的元素也是可行的。

但是，您可以将样式应用于CSS3选择器，然后使用jQuery选择一个元素以确定是否应用了该样式。

例如，在CSS：

#myid > p { 
    display: none; 
} 

，然后在jQuery的：

if ($('#myid > p').css('display') != 'none') { 
// blah 
} 

但是要小心，因为.css()可能不会返回你所期望的。例如，如果您应用“红色”的颜色，则会返回rgb(255, 0, 0)。

对不起，我知道这不像Modernizr那样完美，但我希望它可以帮助你。

Answer 2

您可以尝试与选择选择的东西，如果它返回“NULL”或者是浏览器不支持，或没有该类型

我的建议是使用你知道的东西的选择要素存在。