ボタン付きのUIがあるとします。UIには4つの状態があり、それぞれが異なるコーナーにボタンがあります。
Flexでは、これは簡単に実現できます。これらの4つの状態(topLeft、topRight、bottomRight、bottomLeft)を定義するだけで、それぞれにボタンの位置値のオーバーライドがあります。
単純な割り当てによってトリガーできる方法でCSSを使用してこれをどのように行いますか?
フレックス:skin.currentState = "topRight" JS:???
私はcssでクラスを定義しました:
#button.topRight {...}
#button.topLeft{...}
#button.bottomRight {...}
#button.bottomLeft {...}
さて、#buttonの存在を知らなくても、1行のコードで、4つの状態の1つを、その状態が定義されているページ上のすべての要素に適用するにはどうすればよいでしょうか。