我正在编写一些 Modernizr 扩展来检测浏览器对 CSS 中的 :first-child 、 :last-child 等内容的支持。为此,我正在应用一种样式,然后检查元素是否具有该样式。
用作我的测试样式的最可靠的 CSS 属性是什么?
例如颜色是一个不好的选择,因为如果您输入 #123abc 浏览器可能会将其转换为 rgb(#,#,#)
所以我正在寻找一个属性
- 跨浏览器支持
- 不会被浏览器更改为不同的格式
目前我正在使用宽度,这可能没问题,但我想我还是会在这里检查。
我正在编写一些 Modernizr 扩展来检测浏览器对 CSS 中的 :first-child 、 :last-child 等内容的支持。为此,我正在应用一种样式,然后检查元素是否具有该样式。
用作我的测试样式的最可靠的 CSS 属性是什么?
例如颜色是一个不好的选择,因为如果您输入 #123abc 浏览器可能会将其转换为 rgb(#,#,#)
所以我正在寻找一个属性
目前我正在使用宽度,这可能没问题,但我想我还是会在这里检查。
我昨天刚刚写了这个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。
如果您愿意,请随意使用它。