css什么叫活动状态,活动状态不能使用CSS Sprite

我需要帮助确保国内卡片标签在点击时保持这种状态。我在悬停时拍摄了截图。我有这个类：在悬停时悬停工作，但当点击选项卡时class：active不起作用。我是新来的CSS请。下面活动状态不能使用CSS Sprite

#test {

display: block; width: 100%; height: 67px;

background: url(images/domestic-main.png)

no-repeat;

border-left: 1px solid #747474;

border-right: 1px solid #747474;}

#test:hover{

background-position: -208px 0%;

position: relative;

border-right: none;

border-top: none;

border-bottom: none;

width: 120%;

color: white;}

#test.a:hover {

color: white;}

#test a:active {

background-position: -208px 0%;

position: relative;

border-right: none;

border-top: none;

border-bottom: none;

color: white;}

#test:active{

background-position: 50px 0%;

position: relative;}

#test:current{

background-position: -100px 0%;

position: relative;}

style="width=100%;" id="current">

Domestic Card Payment