CSS是前端开发中必不可少的一环，它的优先级大小直接决定了样式的应用顺序。

优先级计算规则如下：
· 标签内样式（即行内样式）优先级最高，直接作用于样式所在的标签上。
· id选择器优先级第二高，通过#id方式定义的样式。
· class选择器、伪类选择器以及属性选择器优先级第三高，通过.class、:hover、[attribute]方式定义的样式。
· 标签名选择器、伪元素选择器以及通配符选择器优先级最低，通过tag、::before、*方式定义的样式。

在CSS中，不同的选择器具有不同的优先级，如果两个选择器的优先级相同，后出现的选择器会覆盖先出现的选择器。

举例：
HTML结构为
这是一段红色文字
样式表如下：
p {
color: black;
}
#info {
color: red;
}
.red {
color: green;
}
根据上述优先级规则，该段文字的颜色应该是红色，因为id选择器#info的优先级最高，但是实际上，该段文字的颜色是绿色，因为.class选择器.red位于#info选择器之后，且优先级相同，所以覆盖了#info选择器的样式。

因此，要在开发中正确使用CSS选择器，理解优先级的规则，以免出现意想不到的样式问题。