CSS问题--display none显示块显示出奇怪的行为

Question

我真的很困惑。有一个手风琴，通过angular js ng repeat来显示子元素和子元素。其中一个子元素和子元素的手风琴部分在显示none和显示块的情况下可以正常工作，但是当拖动到下面的部分时，悬停失败并自动关闭整个父元素。

---

Parent
A
B
C (hover)
-> C1
-> C2
D(hover doesnt work the section gets closed.)
E

Answer 1

:host(:hover){
    display: block;
    padding: 10px;
 }

在CSS文件中使用这个作为选择器，如果不想要悬停效果，你甚至可以删除(:hover)。