html样式表的优先级,css样式表important优先级大于内联style设置的样式

梦里梦外; 2022-10-06 03:59 443阅读 0赞

今天发现css样式表中使用了important提高优先级后，尽然覆盖了内联样式style中设置的对应样式，老土了。。呵呵

测试代码如下

.c{color:Red !important}

内联style样式无法覆盖样式表中的important，内容显示为红色，而不是内联样式设置的蓝色

提高内联样式style的优先级也需要增加important或者用js设置对象样式增加important属性，这样才能覆盖样式表中的样式

通过css设置

.c{color:Red !important}

内联样式也增加important，这里就显示黑色的了，而不是红色

通过脚本设置，需要注意的是不能直接设置obj.style.color=’#000000 !important’，而是设置obj.style.cssText=’color:#000000 !important’

.c{color:Red !important}

内联样式也增加important，这里就显示黑色的了，而不是红色

window.onload = function () {

//document.getElementsByTagName(‘div’)[0].style.color = ‘#000000 !important’; //不能这样设置，IE下报错：无效的属性值。

document.getElementsByTagName(‘div’)[0].style.cssText = ‘color:#000000 !important’;//要这样来设置

}

加支付宝好友偷能量挖…

2013-4-9Web开发网

阅读(4588)喜欢(0)

发表评论

表情：
评论列表 （有 0 条评论，443人围观）

还没有评论，来说两句吧...

相关阅读

    相关 css样式优先级

    有时在设置 HTML 元素时，会遇到相互冲突的多个样式。这时，到底是选择哪个的样式呢？看完下面的文章，你就懂了 1.在body上设置样式， <style type=

    心已赠人心已赠人/ 0 赞/ 379 阅读