## CSS样式声明冲突解决方法

CSS样式声明冲突解决方法

查找一些教材中（w3schools等），只说css的顺序是“元素上的style” > “文件头上的style元素” >“外部样式文件”，但对于样式文件中的多个相同样式的优先级怎样排列，没有详细说明。

在css中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于一般选择器的规则。如果两个规则的特殊性相同，那么后定义的规则优先。

经过测试和继续搜索，得知优先级如下排列：

1.比较重要性

1.作者样式中的!important样式 IE版本太低不支持，打破了优先级原则，只要有它在 它就是最高的

<style>
        .box {
   
            width: 200px;
            height: 200px;
            border: 1px so