如何以這種方式獲得Compass中的css sprite類？

Question

.offbeat {background-position: x y } 
.active .offbeat {background-position: x y } 

因爲處於活動狀態，所以我想改變圖像的位置。在我的情況下，選擇

積極平均

Answer 1

對於造型只需將活動類 -

<div class="offbeat active">Some Content</div> 

如果您正在使用jQuery -

$('.offbeat').click(function(){ 
    $(this).toggleClass('active') 
}); 

而改變圖像的背景位置 -

.active{ 
    background-position: x y; /*New Position*/ 
} 

不繼承活躍類另類

嘗試增加 -

.offbeat:active{...............} 

不知道有指南針，但是這是怎麼了CSS的作品！