css中的样式优先级

CSS样式优先级是指当不同的样式规则同时应用到同一个元素上时，浏览器会根据一定的规则来确定哪一个样式会被应用。

首先，样式优先级是有等级之分的，等级从高到低依次是：

 1. !important声明的样式
    2. 行内样式（即style属性）
    3. ID选择器
    4. 类选择器、属性选择器、伪类选择器
    5. 元素选择器、伪元素选择器
    6. 通配符（*）选择器
    7. 继承样式（即没有指定样式的子元素将继承其父元素的样式） 

如果两个样式的优先级相同，则按照CSS样式表中规则的顺序来应用其中的一个样式，后面的样式会覆盖前面的样式。

举个例子：

 <style>
        p {
            color: red;
        }
        #test {
            color: blue;
        }
        .info {
            color: green;
        }
    </style>

    <p id="test" class="info" style="color:purple">这是一段测试文本</p> 

对于上述代码，由于行内样式的优先级最高，因此"P"标签内的color被设置为purple。

接着，由于ID选择器的优先级高于类选择器和属性选择器，所以id="test"的P标签会应用color:blue的样式，而不是class="info"的样式。

最后，由于类选择器优先级高于元素选择器和通配符选择器，所以该P标签最终的颜色是绿色的。

因此，当我们编写CSS样式表时，应尽量避免使用!important声明和行内样式，并且在选择器的使用上，应遵循优化优先级的原则，以增强代码的可读性和可维护性。