css - Modernizrクラスの使用方法は？

Question

私はmodernizrを初めて使用します。border: nonemodernizrに関するいくつかのドキュメントを読みましたが、ブラウザがCSS3をサポートしていないかどうかを設定したいと思いましたbox-sizing: border-box。私は試した：

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

しかし、うまくいきませんでした。any1は何かを提案できますか？

Answer 1

Modernizrでは、サポートされている機能がクラス名としてルート要素に追加されます。http://modernizr.github.com/Modernizr/test/でクラスのリストを調べたところ、正しいクラス名は次のboxsizingとおりであることがわかりました。

.boxsizing li { border: none }

デフォルトのビルドでは、boxsizingクラスは追加されていないようです。これは、次を使用して手動で追加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/