html - 当鼠标悬停在其自身上时，如何保持html显示？

我在前面找到了此解决方案。.hiding { display: none;}.trigger:hover + .hiding { display:table-row;}它会隐藏一个表行，然后将鼠标悬停在另一个表行上时将其显示（类触发器）。问题：我想让类hiding也在其上徘徊时显示。当前，当您不再将鼠标悬停在类display:none上时，它会返回到trigger。 最佳答案 您正在使用+这是一个相邻的元素选择器，我建议您将元素.hiding包装在另一个元素中，例如类.test，然后更改选择器，例如.test .hiding { display: none;}.test:hover .hiding { display: table-row;}.trigger:hover + .test .hiding { display:table-row;}所以我们在这里要做的是隐藏嵌套在.test内的元素，在本例中为.hiding，然后当:hover元素为.hiding时，将第二个选择器与.test一起使用来显示.hiding。悬停（因为它存在，但由于display: none;为.test而为空），最后但并非最不重要的一点是，我们在第3个声明中的+之后添加了.hiding，只是为了确保它不会违反不再与.trigger相邻，我们将.test作为.trigger的相邻元素