关于一些伪类无法生效的情况

今天在写代码的时候发现的一个关于多层次伪类无法生效的问题

1.类似.class1 .class2:after{}这样的伪类是无法生效的，需要改成.class2:after{}  但是众所周知，对于：hover这样的伪类就不存在这样的问题

2. 例如：

.mx_table tbody tr:nth-child(odd){background:#355382;}

.mx_table tbody tr:nth-child(even){background:#234171;}

.mx_table tbody tr:hover{background:#165e91;} 

上面这种情况下：hover伪类是可以生效的，但是如果是下面这种情况

.mx_table tbody tr:hover{background:#165e91;}

.mx_table tbody tr:nth-child(odd){background:#355382;}

.mx_table tbody tr:nth-child(even){background:#234171;}

此时hover伪类是无法生效的，这就是个比较奇怪的现象了，我的个人理解是：伪类内的属性也会存在覆盖，hover内的属性被相同元素的其他伪类内的属性覆盖（只是个人理解，并未实际验证。。。毕竟项目要紧）

over