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

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

class权重高。我的颜色是粉色不是红色

p {

单条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语句的不同权重来表现样式。