2016-09-13 4 views
0

私は、ホバー上でそのBGの色を変更し、境界の右を0-7pxから大きくするリスト項目を持っています。リストアイテム内には、クリックしたときにコンテンツをオンとオフに切り替えるラジオ入力のラベルがあります。境界線が広がると、ラベルが押し出されます。複数のCSSイベントをトリガーする

ホバーの属性XとYがリストアイテムに発生するように指定できますが、別のcssイベントをトリガーしてラベルのz-indexを変更することはできますか?

+2

は[MCVE]あなたのコードを入力してください。 – Shaggy

答えて

1

一般に、1つの要素にマウスを移動し、隣接する要素にアクションをトリガする場合は、プラス記号を使用します。例えば、

.hoverable:hover + .actionable { 

簡単な作業例については、このcodepenをチェックアウト:http://codepen.io/Joi/pen/VKZqAX

+0

しかし、個々の作品に2つの異なる効果を持たせることは可能でしょうか? –

+0

はい、2つの別々のルール(基本的に各エレメントタイプのルール)を持つだけです。私はcodepen alittleビットを修正しました。私はあなたが上に乗っているdivと別のdivをどのように変更することができるかを見ることができます。 – theJoi

関連する問題