0

このようなことは可能ですか?

.imgbox:hover{ .ui-resizable-se { /*some style */ } }

または概念的に同等ですか?基本的に、特定のクラスの要素にカーソルを合わせると、そのクラスの要素のスタイルが変更されます。

4

4 に答える 4

3

あなたはこれを行うことができます:

.imgbox:hover .ui-resizable-se { /*some style */ }

同じことがLESSまたはSASSによって生成できます。

于 2013-02-10T12:20:12.730 に答える
2

確かにそれは:

.imgbox:hover .ui-resizable-se { /*some style */ } 
于 2013-02-10T12:19:48.797 に答える
1

いいえ、CSSはネストを許可していません。あなたはそれをこのように書かなければならないでしょう:

.imgbox:hover .ui-resizable-se { /*some style */ }

ただし、このようなものを有効なCSSに変換するさまざまなCSSプリプロセッサが利用可能です。最も人気のあるものはLESSSASS/SCSSです。

于 2013-02-10T12:19:49.187 に答える
1

プレーンCSSではありませんが、SassのようなCSSプリプロセッサを使用できます。

http://sass-lang.com/

table.hl {
  margin: 2em 0;
  td.ln {
    text-align: right;
  }
}

li {
  font: {
    family: serif;
    weight: bold;
    size: 1.2em;
  }
}

生成:

/* CSS */

table.hl {
  margin: 2em 0;
}
table.hl td.ln {
  text-align: right;
}

li {
  font-family: serif;
  font-weight: bold;
  font-size: 1.2em;
}
于 2013-02-10T12:19:49.813 に答える