php如何交换hover和active的css条目位置？

php如何交换hover和active的css条目位置？
我的css是用php按字母重排过的，但重排以后hover跑到active后面去了，导致active效果不起作用。
.btn_test{float:left;outline:none;}
.btn_test .inner{background:url(../images/css_bg/btn_test_inner.png?16122) no-repeat scroll top center transparent;float:left;font-size:15px;font-weight:bold;height:40px;line-height:40px;margin:0 15px;padding:0 10px;color:#ffffff;text-shadow:0 -1px 0 #484848;}
.btn_test .inner:after{content:" ";}
.btn_test .tl{background:url(../images/css_bg/btn_test_tl.png?16122) no-repeat scroll top left transparent;}
.btn_test .tl,.btn_test .tr{width:15px;height:40px;}
.btn_test .top{height:0;}
.btn_test .tr{background:url(../images/css_bg/btn_test_tr.png?16122) no-repeat scroll top right transparent;}
.btn_test:active .inner{background-position:bottom center;color:#ffffff;text-shadow:0 -1px 0 #484848;}
.btn_test:active .tl{background-position:bottom left;}
.btn_test:active .tr{background-position:bottom right;}
.btn_test:hover .inner{background-position:center center;color:#000000;text-shadow:0 1px 0 #FFFFFF;}
.btn_test:hover .tl{background-position:center left;}
.btn_test:hover .tr{background-position:center right;}
.merry{border:1px solid #EAEAEA;display:inline-block;}
.merry img{border:1px solid #FFFFFF;margin:0;background:-moz-linear-gradient(center top,#FAFAFA 0%,#DDDDDD 100%) repeat scroll 0 0 transparent;padding:8px;}
.singgle_img{float:left;margin:0 0 5px;border:1px solid #A9A9A9;padding:4px;vertical-align:baseline;}
.summer{background-color:white;padding:15px;margin:2px;overflow:auto;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px #ABABAB;-moz-box-shadow:0 1px 2px #ABABAB;box-shadow:0 1px 2px #ABABAB;}