如何使用Modernizr课程？

Question

我是现代人的新手。我阅读了有关modernizr的一些文档，如果浏览器不支持CSS3 border: none，我想设置box-sizing: border-box。我试过了：

li { border-right: 1px solid #eee }
.css-boxsizing li { border: none }

但它没有成功。任何人都可以提出一些建议吗？

Answer 1

在Modernizr中，支持的功能作为类名添加到根元素。在http://modernizr.github.com/Modernizr/test/检查课程列表后，我发现正确的课程名称为 boxsizing ：

.boxsizing li { border: none }

在default build中，似乎没有添加boxsizing类。这可以使用added手动Modernizr.addTest：

// The first argument is the class name
Modernizr.addTest("boxsizing", function() {
    return Modernizr.testAllProps("boxSizing") && (document.documentMode === undefined || document.documentMode > 7);
});​​​​​​

演示：http://jsfiddle.net/eGjwZ/