html - 仅使用 CSS2 我想在鼠标悬停在其子元素上时更改父项的背景颜色

标签 html css

仅使用 CSS2 我想在鼠标悬停在其子元素上时更改父元素的背景颜色,任何人都可以帮助我。 “我将 div 用作父级,将鼠标悬停在子级上时将 span 用作子级,我想让父级 div 背景颜色发生变化”

最佳答案

嗯....不是真的,但你可以让它看起来像。选择器总是从 parent 到 child 的方向。但是您可以尝试使用子元素内的背景模拟元素的 position: absolute

http://jsfiddle.net/Kq4JJ/

编辑注意:这在很大程度上取决于您的 css 的其余部分!应该有背景的 parent 和悬停的 child (包括它自己)之间的任何元素都必须有位置,无论是相对的还是绝对的。否则背景只会覆盖该元素。

关于html - 仅使用 CSS2 我想在鼠标悬停在其子元素上时更改父项的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20426095/

相关文章:

jquery - 如何使用 HTML/CSS/jQuery 编写复杂的分数?

jquery - 如何在不考虑浏览器高度的情况下删除滚动条

javascript - JQuery 和 Cookie : How to remove them when user leaves the page or exit window/tab

javascript - 从 javascript 更改 LinkBut​​ton 样式属性

html - 如何将 flexbox 样式应用于单选按钮?

css - HTML/CSS : Start of DIV at an odd position

javascript - 在单元格中使用 jQuery Tablesorter 和 div 不起作用

javascript - 将 2 个支付按钮居中并水平对齐

jquery - 在不同宽度的同级父元素中居中子元素

html - 对齐表格中的元素