css 選擇器表達(dá)式的計(jì)算順序是怎樣的

div直接給個(gè)class不好嗎...em直接給個(gè)class也不好嗎...

單條css語句解析是從右向左的。

(.a+ div)>em {
    color :#ffffff;
}

可以理解為：
1、找到所有 em
2、找到所有 em 中 em的父元素是(.a+div)的 em

而css選擇器有不同的權(quán)重劃分。
權(quán)重：important > id > class/偽類/屬性 > 元素/偽元素 > 通配符

相同目標(biāo) 可以有多條css語句表示，每條css語句的權(quán)重是語句中所有選擇器權(quán)重之和，權(quán)重越大優(yōu)先級(jí)越高，如果權(quán)重相等后者會(huì)覆蓋前者。

<p class="red">class權(quán)重高。我的顏色是粉色不是紅色<p>

p {
   color: red;
}
.red {
   color: pink;
}

可以依靠多條css語句的不同權(quán)重來表現(xiàn)樣式。

首先感謝大佬回答，原來解析順序是從右到左。
我又重新看了下代碼，其實(shí)加了括號(hào)反而會(huì)不識(shí)別，之前沒加括號(hào)時(shí)，之所以不好使，是因?yàn)橛昧薸mportant。
我這也加個(gè)important 就好了。
所以下面這種其實(shí)就可以了

.a+ div>em {
    color :#ffffff;
}