css - この方法でコンパスでcssスプライトクラスを取得するにはどうすればよいですか?

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の仕組みです。