CSS 问题 - 不显示/显示块显示奇怪的行为

Question

我在这里真的很困惑.. 有一个手风琴通过 Angular js ng 重复呈现子元素和子子元素。子手风琴部分和子子手风琴部分之一在悬停时可以正常显示无显示和显示块，但是当拖动到以下部分时，悬停失败并自动关闭整个父元素。

---

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)。