Fatal编程技术网
  • css/
  • 悬停，更改列表中上一个（非父）元素的样式。CSS3

悬停，更改列表中上一个（非父）元素的样式。CSS3

css

悬停，更改列表中上一个（非父）元素的样式。CSS3,css,hover,Css,Hover,我有这个可爱的小菜单。 从CSS技巧中获取 技术核心是有效的，只有一件事让我很烦。 当您将鼠标悬停在Li上时，span将滑出。这很好用（小提琴里的马车）。 但当您悬停span时，紫色背景在li处不再处于活动状态 有没有什么纯粹的CSS技巧可以解决这个问题 您好，chrisHTML似乎无效，您混合了span和anchors的结束标记。另外，将代码与链接一起发布在这里。将弹出型按钮span:hover{…}更改为#弹出型按钮li:hover{…}可以工作，但是您可能需要调整一些样式以使其看起来像您想

我有这个可爱的小菜单。 从CSS技巧中获取

技术核心是有效的，只有一件事让我很烦。 当您将鼠标悬停在
Li
上时，
span
将滑出。这很好用（小提琴里的马车）。 但当您悬停span时，紫色背景在
li
处不再处于活动状态

有没有什么纯粹的CSS技巧可以解决这个问题

您好，chris

HTML似乎无效，您混合了span和anchors的结束标记。另外，将代码与链接一起发布在这里。将弹出型按钮span:hover{…}更改为#弹出型按钮li:hover{…}可以工作，但是您可能需要调整一些样式以使其看起来像您想要的，请参见@kipty谢谢你，它大部分都可以工作，但是我的弹出型按钮现在位于li项的顶部，z-index没有太多修正。。