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

css样式-背面覆盖正面的代码

时间:2023-03-31 01:23:27 CSS

.yellow{background:yellow;}.red{background:red;}这个区域渲染成什么颜色?红色的?黄色的?答案是红色的。不知道有多少人和我有同样的误解。我一直认为相同优先级的样式的应用顺序是由类中的排版顺序决定的。..其实谁在css文件里,权重是相等的,声明在后面,所以谁去解读上面W3C的描述https://www.w3.org/TR/CSS2/cascade.html#cascading-order最后,按指定的顺序排序:如果两个声明具有相同的权重、来源和特异性,则指定的后者获胜。导入样式表中的声明被认为在样式表本身中的任何声明之前。如果他们相等,那么落后的人将最后申请。