javascript - 如何在悬停时制作圆 Angular ？

Question

我正在为 wordpress 制作主题。我的导航栏像苹果网站一样有圆 Angular 。我想给它添加一个悬停样式，但我不能让它悬停在圆 Angular 上，就像苹果的导航栏那样。我正在使用大图像作为背景并使用 wordpress 3 的菜单系统。那么，如何将鼠标悬停在栏上的第一个和最后一个元素上？感谢您的帮助。

Answer 1

使用 javascript，您可以选择和更改任何您想要的，但如果您只想使用 css，则必须将 :hover 应用于所有按钮子元素的父级，以便您可以使用 css 选择所有子元素。但是，这不包括旧版本的 IE，因为它们不支持 :hover 在 a 标签以外的元素上。

例子:

.button:hover {
  // 
}
.button:hover .main_section {
  // change to main section of button on hover
}
.button:hover .left_part {
  // change to left side on hover
}
.button:hover .right_part {
  // change to right side on hover
}