css的优先级

CSS 的优先级是指当多个选择器同时指定了同一个元素的样式，浏览器要根据一定规则确定应用哪个样式。

CSS的优先级规则如下：

1. !important：拥有*的优先级。加上!important规则的样式将被优先应用，即使后面有更高优先级的样式也会被覆盖。

2. 内联样式：在HTML标签的style属性中定义的样式具有较高的优先级。

3. ID选择器：通过ID属性选中的元素具有较高的优先级。例如：#myp { color: red; }

4. 类选择器、伪类选择器和属性选择器：通过类名、伪类或属性选择器选中的元素具有中等的优先级。例如：.myclass { color: blue; }

5. 标签选择器和伪元素选择器：通过标签名或伪元素选择器选中的元素具有较低的优先级。例如：p { color: green; }

6. 通配选择器和继承属性：通配选择器选中的元素具有*的优先级。继承属性是指某个元素的样式会被从父元素继承而来。

如果多个选择器具有相同的优先级，那么后面出现的样式将覆盖先前的样式。如果多个选择器具有不同的优先级，那么具有较高优先级的样式将被应用。

可以使用嵌套或者在规则中添加!important来改变样式的优先级，但是滥用!important会使代码难以维护，因此应该尽量避免使用。

总结起来，样式的优先级由高到低分别为!important > 内联样式 > ID选择器 > 类选择器、伪类选择器和属性选择器 > 标签选择器和伪元素选择器 > 通配选择器和继承属性。在编写CSS时，需要根据具体需求合理使用不同的选择器和样式，以达到预期的效果。