CSS Precedence

もし同じoperator precedenceであれば、後に来たSelectorが前のSelectorをOverrideする。
ではもし違ったoperator precedenceであれば、どうなるのか？

(1) regular, (2) with-class, (3) with-id, (4) with-class+with-id

[Precedence]
id > class > regular

in-parent V.S. (1) regular, (2) with-class, (3) with-id, (4) with-class+with-id

[Precedence]
in-parent,regular,idのPrecedence関係は明白である。
in-parent > reguler
in-parent < id
しかし、in-parentとclassのPrecedenceは同じであり(ケース2)、どちらが後に記述されたかでOverrideが決まる。
in-parentが後に記述された場合 => in-parent > class
classが後に記述された場合 => in-parent < class