Fatal编程技术网
  • css/
  • Css .li悬停并着色。a和span

Css .li悬停并着色。a和span

css

Css .li悬停并着色。a和span,css,css-selectors,Css,Css Selectors,例如，我希望悬停时有红色的.a和span，在我的例子中，如果.a悬停，它会工作，但如果您悬停在span箭头上，则只有span箭头是红色的 。菜单li：悬停{ 颜色：红色； } .菜单a：悬停{ 颜色：红色； } ▲ 您只需再选择一个选择器，当鼠标悬停时，选择a并将其上色即可 .menu li:hover>a { color: red; } 演示 。菜单li：悬停{ 颜色：红色； } .菜单li：悬停>a{ 颜色：红色； } .菜单a：悬停{ 颜色：红色； } ▲

例如，我希望悬停时有红色的.a和span，在我的例子中，如果.a悬停，它会工作，但如果您悬停在span箭头上，则只有span箭头是红色的

。菜单li：悬停{
颜色：红色；
}
.菜单a：悬停{
颜色：红色；
}


    

  • 
▲

    •
您只需再选择一个选择器，当鼠标悬停时，选择
a
并将其上色即可

.menu li:hover>a {
  color: red;
}
演示 
。菜单li：悬停{
颜色：红色；
}
.菜单li：悬停>a{
颜色：红色；
}
.菜单a：悬停{
颜色：红色；
}


    

  • 
▲

    • 



发生这种情况是因为

▲



Hi欢迎来到SO.：）！我们能不能把HTML和跨度调整到锚定标记中？在这种情况下，我们不再需要第三个选择器不，我们不需要