【问题标题】:CSS change parent's background on hover?CSS在悬停时改变父母的背景?
【发布时间】:2012-10-12 06:34:34
【问题描述】:

我有一个下拉菜单,想在悬停子菜单时更改父按钮的背景。任何想法如何实现这一点,使其不仅适用于所有现代浏览器,而且最好也适用于 IE8/IE9?

简单的例子,我想在悬停他的孩子时更改链接“This black”的背景(“当悬停我”和“和我”)。

纯CSS可以吗?

http://jsfiddle.net/PExLW/

我正在考虑在悬停某些 li 时添加某些类,但这听起来有点矫枉过正,而且在悬停时添加类听起来不是一个好主意。

【问题讨论】:

    标签: css background hover parent


    【解决方案1】:

    当然,只需取出a

    ul li:hover { ... }
    

    example jsfiddle(或fullscreen

    【讨论】:

    • 很棒,但我需要更改 a 本身的背景,而不是 li。估计只剩下JS了?
    • 然后使用ul li:hover > a { ... }
    猜你喜欢
    • 2011-09-12
    • 1970-01-01
    • 1970-01-01
    • 2021-10-14
    • 2013-11-07
    • 2023-03-14
    • 1970-01-01
    • 2015-07-18
    • 2017-08-26
    相关资源
    最近更新 更多