Javascript 什么'；这是'；风格'；和'；insertRule/addRule'；？

有什么区别

最好的工作方式是什么

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;');

---

这就像将样式放在CSS文件或

块中，或将它们放在HTML元素的

style=

属性中一样。添加规则将样式应用于与选择器匹配的所有图元。设置元素的

.style

只会更改该元素的样式，覆盖从CSS继承的样式（除了那些带有

！重要的
修饰符的样式）。
我认为您不应该经常使用这两种样式。提前设置css，并使用js更改激活/停用css的属性。仅插入动画或单击。