欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS的优先级别_html/css_WEB-ITnose

程序员文章站 2022-05-17 11:09:21
...
1、样式的优先级

内联样式 > 内部样式 > 外部样式

以下的特例:外部样式会覆盖内部样式(不推荐内联样式)

Hello World!


2、选择器的优先权

内联样式(1000)> id(100)> class(10)> tag(10)

以下例子div将显示的背景色是黑色。

Hello World!


同理,之前遇到过一个问题:


这时你会发现js的代码不起作用,相信你应该知道原因了吧。

解决的方法有很多,以下说说两种:

(1)如果需要修改的属性少,可以直接用js修改属性

window.onload = function() {    var divId = document.getElementById("divId");    divId.style.background = "red";};

(2)当要修改的属性多,可以在外出加多一个有id的标签,让class的优先级高于当前div的id

相关标签: CSS的优先级别