1

簡単なテストWebアプリにブートストラップを使用しています。ボタンを標準スタイル（）で開始し、ホバーしたときにのみスタイルbtnに切り替えたい。btn-danger私はこれがjqueryまたはストレートjavascriptで実行できることを知っていますが、私はそのアプローチには本当に興味がありません。

ブートストラップスタイルのコードを自分のCSSにコピーせずに、ストレートCSSでこれを行うことはできますか？理想的には、次のようなことができるようにしたいと思います。

.mybutton {

}

.mybutton:hover {
  style: btn-danger;
}

http://jsfiddle.net/wPDCm/5/

4

2 に答える 2

2

LESS（Twitter Bootstrapが使用するCSSプリプロセッサ）を使用するための構文は次のようになります。

.mybutton:hover {
    @include .btn-danger;
}

CSSだけでこれを行う方法はありません。

于 2012-12-21T19:46:05.830 に答える
1

これは、CSSプリプロセッサなしでは実行できません。

SASSを使用すると、次のようなことができます。

@mixin danger-will-robinson {
  background-color: red;
}

.btn-danger {
  @include danger-will-robinson;
}

.mybutton:hover {
  @include danger-will-robinson;
}

他のCSSプリプロセッサにも同様の機能があります。

于 2012-12-21T19:43:05.373 に答える