Javascript Vs Css专用性Vs内联样式
我的问题很短。javasript会覆盖内联样式吗？此外，我知道它会以任何特定级别覆盖css样式，但即使我添加了！重要旗帜 声明如下： HtmleElement.style属性用于获取和设置 元素的内联样式 所以是的，它确实覆盖了内联样式。您可以在检查DOM时看到这一点 正如您在下面的代码片段中所看到的，Javascript胜过内联CSS，因为您覆盖了内联CSS。内联CSS胜过CSS，因为它是最具体的 然而，Javascript Vs Css专用性Vs内联样式,javascript,css,Javascript,Css,我的问题很短。javasript会覆盖内联样式吗？此外，我知道它会以任何特定级别覆盖css样式，但即使我添加了！重要旗帜 声明如下： HtmleElement.style属性用于获取和设置 元素的内联样式 所以是的，它确实覆盖了内联样式。您可以在检查DOM时看到这一点 正如您在下面的代码片段中所看到的，Javascript胜过内联CSS，因为您覆盖了内联CSS。内联CSS胜过CSS，因为它是最具体的 然而，！重要标志将否决没有重要标志的更具体的CSS规则 document.querySelec
！重要标志将否决没有重要标志的更具体的CSS规则
document.querySelector（'#javascript'）.style.backgroundColor='orange'；
document.querySelector（“#重要”）.style.backgroundColor='lightblue'
div{
背景颜色：粉红色；
}
分区#重要{
背景色：黄色！重要；
}
javascript
内联
css
重要
元素.prototype.style
覆盖该元素的内联样式（样式
属性），是的，它确实覆盖任何特定级别的CSS样式（CSS在
块中）
然而，！重要信息
标志确实优先于内联样式。也许可以尝试一些代码，看看会发生什么？JavaScript可以创建和添加样式表以及更改内联样式。在这里比较css和javascript是不恰当的。JavaScript可以做任何你可以手工做的事情。如果您对浏览器决定应用何种样式的顺序感到好奇，您应该在谷歌上搜索css cascade。您可以添加！重要信息
至内联样式！重要的内联样式具有最高优先级。