在 CSS 样式中，样式权重是非常重要的概念，当不同的选择器应用到同一个元素时，它们将根据它们的样式权重进行优先级排序。

样式权重是由一组选择器匹配的元素数量和它们特定性质的总和，它们用于确定哪个规则的特定样式应用于元素。比较两个样式的权重，我们可以比较它们的选择器数量、类选择器、伪类选择器、属性选择器、ID 选择器、或者内联样式等。

下面是样式权值比较的一些规则与示例。

/* 选择器的优先级从高到低 */
/* 优先级 I: 内联样式 */
<div style="color: red;">This text is red.</div>
/* 优先级 II: ID 选择器 */
#nav {
color: orange;
}
/* 优先级 III: 类和属性选择器 */
.special {
color: blue;
}
input[type="checkbox"] {
color: green;
}
/* 优先级 IV: 标签和伪类选择器 */
p {
color: purple;
}
a:hover {
color: gray;
}
/* 说明：下面是典型情况下样式的优先级顺序，如有同等级别样式互相冲突，以后写的样式会覆盖之前的样式 */

在实际使用中，当两个或更多的样式具有相同的权重时，最后写在样式表中的样式将覆盖前面的样式。这就是为什么我们应该始终按照优先级顺序编写样式表，以确保该样式表中的样式具有最高优先级。

总之，通过了解样式的优先级，我们可以更好地编写和管理样式表，并在需要时更改样式。我们还可以更好地掌握如何重写已有的样式以及如何避免权重冲突。