css - 如何以这种方式在 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 的工作原理！