如何使用CSS3显示：none之前的兄弟姐妹？

Question

在我的项目中，我有一个menu（列表），并在每个<li>之后插入一张图片，divider的小图片。 我希望当我悬停<li>（菜单类）时，也可以不显示他之前的兄弟:after。

我有这个：

.menu:hover:after {
  display: none;
}

我怎么能这样做？

Answer 1

我假设您使用：after伪类通过content属性插入图像，例如：

.menu li:after {
content: 'url(path/to/your/image)';
}

所以，对于悬停状态，试试这个：

.menu li:hover:after {
content: none;
}