版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq8241994/article/details/80613217
今天在写代码的时候发现的一个关于多层次伪类无法生效的问题
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