在不寻常的DOM结构上隐藏元素

Question

我在:hover期间隐藏元素时遇到问题，问题是DOM的结构难以导航，当用户徘徊到{{1}时，如何隐藏.seperator }？如果我改变结构，我必须确保Flexbox正如现在一样完全正常工作，那就是挑战。

.flex-zero

DEMO http://jsfiddle.net/3vp8emc6/

Answer 1

  

当用户悬停到.flex-zero时，如何隐藏.seperator？

使用DOM structure当前css,无法使用jquery。

您可以尝试使用

，而不是更改DOM structure

.selector-wrap:hover .seperator {
    opacity: 0;
}