css 选择器表达式的计算顺序是怎样的

2025-03-23 07:15:23

推荐回答（2个）

回答1：

单条css语句解析是从右向左的。
(.a+
div)>em
{
color
:#ffffff;
}
可以理解为：
1、找到所有
em
2、找到所有
em
中
em的父元素是(.a+div)的
em
而css选择器有不同的权重划分。

回答2：

单条css语句解析是从右向左的。
(.a+
div)>em
{
color
:#ffffff;
}
可以理解为：
1、找到所有
em
2、找到所有
em
中
em的父元素是(.a+div)的
em
而css选择器有不同的权重划分。
权重：important
>
id
>
class/伪类/属性
>
元素/伪元素
>
通配符
相同目标
可以有多条css语句表示，每条css语句的权重是语句中所有选择器权重之和，权重越大优先级越高，如果权重相等后者会覆盖前者。
class权重高。我的颜色是粉色不是红色
p
{
color:
red;
}
.red
{
color:
pink;
}
可以依靠多条css语句的不同权重来表现样式。