私は、ホバー上でそのBG
の色を変更し、境界の右を0-7px
から大きくするリスト項目を持っています。リストアイテム内には、クリックしたときにコンテンツをオンとオフに切り替えるラジオ入力のラベルがあります。境界線が広がると、ラベルが押し出されます。複数のCSSイベントをトリガーする
ホバーの属性X
とYがリストアイテムに発生するように指定できますが、別のcss
イベントをトリガーしてラベルのz-index
を変更することはできますか?
私は、ホバー上でそのBG
の色を変更し、境界の右を0-7px
から大きくするリスト項目を持っています。リストアイテム内には、クリックしたときにコンテンツをオンとオフに切り替えるラジオ入力のラベルがあります。境界線が広がると、ラベルが押し出されます。複数のCSSイベントをトリガーする
ホバーの属性X
とYがリストアイテムに発生するように指定できますが、別のcss
イベントをトリガーしてラベルのz-index
を変更することはできますか?
一般に、1つの要素にマウスを移動し、隣接する要素にアクションをトリガする場合は、プラス記号を使用します。例えば、
.hoverable:hover + .actionable {
簡単な作業例については、このcodepenをチェックアウト:http://codepen.io/Joi/pen/VKZqAX
しかし、個々の作品に2つの異なる効果を持たせることは可能でしょうか? –
はい、2つの別々のルール(基本的に各エレメントタイプのルール)を持つだけです。私はcodepen alittleビットを修正しました。私はあなたが上に乗っているdivと別のdivをどのように変更することができるかを見ることができます。 – theJoi
は[MCVE]あなたのコードを入力してください。 – Shaggy