在CSS中，我们经常会遇到多个选择器同时作用于一个元素的情况，这时就需要了解CSS优先级的比较。CSS优先级的比较规则是： 1. !important声明的样式优先级最高，直接覆盖其他所有样式； 2. 行内样式（style属性）的优先级次之，比元素选择器要高； 3. ID选择器的优先级比类选择器和属性选择器要高，但是ID选择器不要盲目使用，因为它会降低CSS的重用性； 4. 类选择器（.class）和属性选择器（[attribute=value]）的优先级相等，都低于ID选择器和行内样式； 5. 标签选择器（element）的优先级最低，如果多个标签选择器作用于同一个元素，之后的样式会覆盖之前的样式。 下面是一个示例的代码：

/* 优先级比较 */
/* 行内样式 */< p style="color: red;">这是一段红色的文字/* ID选择器 */< p id="my-p">这是一段黑色的文字< style>#my-p {
color: black;
}/* 类选择器 */< p class="my-p">这是一段蓝色的文字< style>.my-p {
color: blue;
}/* 属性选择器 */< p title="my-p">这是一段绿色的文字< style>[title="my-p"] {
color: green;
}/* 标签选择器 */< p>这是一段灰色的文字< style>p {
color: gray;
}

在上面的代码中，行内样式、ID选择器、类选择器和属性选择器都作用于同一个段落元素，但是它们的优先级不同，因此会产生不同的效果。最终结果是这个段落元素的颜色是黑色，原因是ID选择器的优先级最高。如果将ID选择器改为类选择器或属性选择器，这个段落元素的颜色会变成蓝色或绿色。 需要注意的是，CSS优先级只对同级别的选择器进行比较，如果不同级别的选择器作用于同一个元素，优先级高的选择器会覆盖优先级低的选择器，不需要进行比较。 总之，掌握CSS优先级的比较规则对于正确编写CSS样式非常重要，不仅可以优化CSS代码，还可以避免出现CSS样式冲突的问题。