当前位置: 首页 > Web前端 > HTML5

关于CSS样式的优先级

时间:2023-04-05 11:09:47 HTML5

在CSS中,可以为同一个标签定义多个样式,如下例:#aaa{background-color:Fuchsia;}.ab{background-color:Black;}td{背景颜色:浅绿色;

样式那么多,到底哪种有效呢?我们将上面的样式一一删除,在浏览器中可以看到:style的优先级最高,其次是id,其次是class,最后是td另外,使用!important将优先级改为第一,如下:#aaa{background-color:Fuchsia;}.ab{background-color:Black;}td{background-color:Aqua!important;}
td会显示为Aqua,即priority变为td,然后是style,最后是id,最后上课欢迎讨论:http://www.webprep.cn/