p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 不是父级的比较高（也有点那个意思） 看下这个表同为内嵌样式 权值高的为主一个11一个10 所以以11（.clickMe a）的为主

有关闭按钮，因为你上面的代码用的是className——show，但是关闭按钮是通过.clickMe a 来设置的display:none,  就是上面有个父级，所以优先级比较高，然后就导致了关闭按钮不显示，可以通过style.display  或者更改css来实现

样式里这样写.show{display:block !important}就行了