CSS样式声明冲突解决方法
查找一些教材中(w3schools等),只说css的顺序是“元素上的style” > “文件头上的style元素” >“外部样式文件”,但对于样式文件中的多个相同样式的优先级怎样排列,没有详细说明。
在css中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于一般选择器的规则。如果两个规则的特殊性相同,那么后定义的规则优先。
经过测试和继续搜索,得知优先级如下排列:
1.比较重要性
1.作者样式中的!important样式 IE版本太低不支持,打破了优先级原则,只要有它在 它就是最高的
<style>
.box {
width: 200px;
height: 200px;
border: 1px so