怎样判断CSS样式选择器的优先级？id优先还是Class优先？

优先级排行榜 行内样式优先级最高

在css中，选择器的优先级是由选择器的特异性（specificity）决定的。

特异性是一个衡量css选择器权重的系统，它决定了当多个规则应用于同一个元素时，哪个规则将被应用。

选择器的优先级主要由以下四部分组成（从左到右）：

可见，在不叠加选择器的情况下，内联样式(行内样式)的优先级是最高的。

其次是id选择器起，类选择器、属性选择器、伪类选择器并列排在第三位。

而优先级最低的选择器是元素选择器、伪元素。

什么是元素选择器、伪元素

元素选择器是基于html元素的标签名称来命名的选择器，比如如下的例子。

元素选择器直接对应文档树中的元素，并且是最基本的css选择器。

伪元素则是用来创建一些不在文档树中的元素，但可以对其进行样式化。伪元素通过在元素选择器后面添加双冒号::和伪元素名称来使用。例如：

伪元素可以用来实现一些特殊的视觉效果，如添加装饰性的内容或改变元素的某些部分的样式。

伪元素的特异性权重也是0,0,1,0，其中1表示它是一个伪类选择器，但由于它们是伪类的一种，所以通常与伪类一起讨论。