Html 触发多个CSS事件

Html 触发多个CSS事件,html,css,events,css-transitions,Html,Css,Events,Css Transitions,我有一个悬停的列表项,可以改变它的BG颜色,也可以使右边的边框从0-7px长出来。在列表项中,有一个用于无线电输入的标签,单击该标签可关闭和打开内容。当边界增长时,标签会被推倒 在触发另一个css事件以更改标签的z-index时,是否可以指定悬停属性X和Y发生在列表项上?通常,如果要悬停在一个元素上并触发相邻元素上的操作,只需使用加号即可。比如说, .hoverable:hover + .actionable { 查看此代码笔以获得一个简单的工作示例:一般来说,如果您想将鼠标悬停在一个元素上并

我有一个悬停的列表项,可以改变它的
BG
颜色,也可以使右边的边框从
0-7px
长出来。在列表项中,有一个用于无线电输入的标签,单击该标签可关闭和打开内容。当边界增长时,标签会被推倒


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

通常,如果要悬停在一个元素上并触发相邻元素上的操作,只需使用加号即可。比如说,

.hoverable:hover + .actionable {

查看此代码笔以获得一个简单的工作示例:

一般来说,如果您想将鼠标悬停在一个元素上并触发相邻元素上的操作,只需使用加号即可。比如说,

.hoverable:hover + .actionable {

查看此代码笔,了解一个简单的工作示例:

请提供代码的一部分。请提供代码的一部分。但是,对这些单独的部分是否可能有两种不同的效果?是的,您只需要有两个单独的规则(基本上每个元素类型都有一个规则)。我修改了代码笔的一小部分,这样你就可以看到我如何更改我悬停在上面的div和另一个div。但是对这些单独的片段有两种不同的效果吗?是的,你只需要有两个单独的规则(基本上每个元素类型都有一个规则)。我修改了代码笔的一点,这样你就可以看到我如何更改我悬停的div和另一个div。