Html 更改父级li的颜色>;鼠标悬停在li child ul上时的跨度

Html 更改父级li的颜色>;鼠标悬停在li child ul上时的跨度,html,css,css-selectors,Html,Css,Css Selectors,当鼠标悬停在li子ul上时,是否可以更改父li span的颜色。(仅CSS) Html: 我试过: .menu > li > a > span + ul:hover { color:red; } Fiddle:这只能使用CSS来完成,因为ul是li的子对象 使用以下选择器: .menu > li:hover > a > span 使用:将悬停在li上,而不是a可以将类添加到li 并编辑您的css: 。测试a:悬停{ 颜色:#000000; }不使用c

当鼠标悬停在li子ul上时,是否可以更改父li span的颜色。(仅CSS)

Html:

我试过:

.menu > li > a > span + ul:hover {
  color:red;
}

Fiddle:

这只能使用CSS来完成,因为
ul
li
的子对象

使用以下选择器:

.menu > li:hover > a > span

使用
:将
悬停在
li
上,而不是
a

可以将类添加到li
  • 并编辑您的css:
    。测试a:悬停{
    颜色:#000000;
    
    }

    不使用css,如果您使用javascript,使用css是可能的。我对此表示怀疑。无法在css3中选择父元素。我想这就是你想要做的汉克斯·尤塔姆@约坦-omer@CODESEEK很乐意帮忙:)
    .menu > li > a > span + ul:hover {
      color:red;
    }
    
    .menu > li:hover > a > span