2016-09-13 143 views
0

我有一個列表項,在懸停時,更改其BG顏色,並使邊框從0-7px長出來。在列表項目中,有一個無線電輸入標籤,點擊時可切換內容。當邊框增長時,標籤被推倒。觸發多個CSS事件

是否可以指定懸停屬性X和Y發生在列表項,同時觸發另一個css事件改變標籤的z-index

+2

請提供您的代碼[MCVE。 – Shaggy

回答

1

一般來說,如果您想將鼠標懸停在一個元素上並觸發相鄰元素的操作,請使用加號。例如,

.hoverable:hover + .actionable { 

看看這個codepen一個簡單的工作示例:http://codepen.io/Joi/pen/VKZqAX

+0

但是有可能對這些單件有兩種不同的效果嗎? –

+0

是的,你只需要有兩個單獨的規則(基本上每個元素類型都是一個規則)。我修改了codepen的小部分,這樣你就可以看到我可以如何改變我正在盤旋的div和另一個div。 – theJoi