stylesheet.insertRule(rule, index)ルールが無効である場合、このメソッドはエラーをスローします。私たちはそれを使うことができます。
var supportPseudo = function(){
var ss = document.styleSheets[0];
if(!ss){
var el = document.createElement('style');
document.head.appendChild(el);
ss = document.styleSheets[0];
document.head.removeChild(el);
}
return function (pseudoClass){
try{
if(!(/^:/).test(pseudoClass)){
pseudoClass = ':'+pseudoClass;
}
ss.insertRule('html'+pseudoClass+'{}',0);
ss.deleteRule(0);
return true;
}catch(e){
return false;
}
};
}();
//test
supportPseudo(':hover'); //true
supportPseudo(':before'); //true
supportPseudo(':hello'); //false
supportPseudo(':world'); //false
[Modernizr](http://www.modernizr.com/)は、そのような多くのことを検出します。 –
私はModernizrについて知っていますが、それは ':: before'のような擬似要素だけをサポートするcss3擬似クラスサポートのテストを持っていません。 – Raiden