＆＃39; style＆＃39;之间的区别是什么？和＆＃39; insertRule / addRule＆＃39;？

Question

有什么区别？

最好的工作方式是什么？

var styleSheets = document.styleSheets[0];
styleSheets .addRule('div::before','content:"text before";');
styleSheets .addRule('#some','color:red;font-size:14px;');  //insertRule FIREFOX
var some = document.getElementById('some');
some .style.color='red';
some .style.fontSize='14px';
some .setAttribute('style','color:red;font-size:14px;');

Answer 1

就像在CSS文件或<style>块中放置样式或将它们放在HTML元素的style=属性中之间的区别一样。添加规则会将样式应用于与选择器匹配的所有元素。设置元素的.style只会更改该元素的样式，覆盖从CSS继承的样式（具有!important修饰符的样式除外）。