检测浏览器支持选择器的最佳CSS属性是什么

时间:2011-04-18 08:43:19

标签: css cross-browser feature-detection

我正在编写一些Modernizr扩展来检测浏览器对诸如以下内容的支持:first-child,:CSS中的last-child。为了做到这一点,我正在应用一个样式,然后检查teh元素是否具有该样式。

什么是最可靠的CSS属性用作我的测试风格?

e.g。颜色是一个糟糕的选择,就像你输入#123abc一样,浏览器可以将它转换为rgb(#,#,#)

所以我正在寻找一个属性

  • 跨浏览器支持
  • 浏览器不会将其变换为其他格式

目前我正在使用宽度,这可能还不错,但我想我还是会在这里查看。

1 个答案:

答案 0 :(得分:1)

我昨天刚刚写了这个http://jsfiddle.net/laustdeleuran/3rEVe/,这正是你所说的 - 它的功能检测到对:last-child伪选择器的支持。我也使用宽度作为我的风格来检查,它似乎工作得很好。

到目前为止,我已经在Windows XP的IE6-8上成功测试了它; Windows 7上的IE9,Chrome 12,Safari 5,FireFox 4和Opera 11以及Mac上的Opera 11,FireFox 4,Safari 5和Chrome 12。

如果你愿意,可以随意使用它。