css伪类优先级 |表示css长度

在CSS选择器优先级中，伪类的优先级是比较低的，并且不同伪类之间没有优先级的问题。比如下面这个例子：

a:hover {
color: red;
}
a:active {
color: blue;
}

当大家访问页面，点击链接时，会出现两个状态：hover和active。但是大家并不知道哪一个状态的样式会生效，因为它们的优先级是相同的。

如果大家再加上元素选择器，那么就会有优先级的问题了。比如：

a:hover {
color: red;
}
#link:active {
color: blue;
}

这个例子中，元素选择器的优先级高于伪类选择器，所以当大家点击id为“link”的链接时，它的颜色会被设定为蓝色，而不是红色。

同样的，如果大家再加上类选择器或者属性选择器，其优先级又会更高。因此，大家需要了解不同选择器之间的优先级关系，以便编写更准确的CSS样式。