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

Question

我在这里真的很困惑。有一个手风琴，它通过角度 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(。