Javascript修改CSS时的CSS特异性?

Kin*_*ere 2 javascript css css-specificity

当Javascript修改CSS时,CSS特性是什么?

如:

document.getElementById("demo").style.color = "red";
Run Code Online (Sandbox Code Playgroud)

它被认为是内联样式吗?

Que*_*tin 5

Javascript修改CSS时的CSS特异性?

与通过编辑原始源代码而不是使用JS来修改CSS完全相同.

document.getElementById("demo").style.color = "red";
Run Code Online (Sandbox Code Playgroud)

在这种情况下,您将修改直接附加到元素的样式.

<div id="demo" style="color: red">
Run Code Online (Sandbox Code Playgroud)

所以最大的特异性 (如果声明来自的是1'样式属性而不是带选择器的规则,则计数1)

如果您使用JS来修改规则集,那么特异性将会有所不同.