如何以这种方式在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继承活动类

尝试添加 -

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

不知道指南针，但这就是CSS的工作方式！