關於一些僞類無法生效的情況

今天在寫代碼的時候發現的一個關於多層次僞類無法生效的問題

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