触发多个CSS事件

时间:2016-09-13 19:39:37

标签: html css events css-transitions

我有一个列表项,在悬停时,更改其BG颜色,并使边框从0-7px向右扩展。在列表项中,有一个无线电输入的标签,用于在单击时关闭和打开内容。当边框增长时,标签会被推翻。

是否可以指定在悬停属性X和Y发生在列表项上,同时触发另一个css事件来更改标签的z-index

1 个答案:

答案 0 :(得分:2)

通常,如果要将鼠标悬停在一个元素上,并触发对相邻元素的操作,只需使用加号。例如,

.hoverable:hover + .actionable {

查看此codepen以获取一个简单的工作示例:http://codepen.io/Joi/pen/VKZqAX