html - 触发多个 CSS 事件

标签 html css events css-transitions

我有一个列表项,悬停时会更改其 BG 颜色,并使边框从 0-7px 向右延伸。在列表项中有一个单选输入标签,单击时可以关闭和打开内容。当边界变大时,标签会被推过去。

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

最佳答案

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

.hoverable:hover + .actionable {

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

关于html - 触发多个 CSS 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39477796/

相关文章:

javascript - 使 SVG 完全填满整个页面

html - 表格最后一个要右对齐的单元格

javascript - PWA 中 Android 返回按钮的自定义事件

html - 充满图像的 SVG 路径未显示在 html 页面上

html - 搜索引擎优化语言信息

php - 使用 AJAX 从表单发送图像

jquery - 如何在两列列表中正确使用 float

html - 想要在按钮之间添加间距

javascript - 在没有 onclick 的情况下运行 Javascript 函数

c# - DataGridView CellFormatting 事件阻止表单绘制