css - 使用悬停和单击使用 CSS 动画获得相同的效果

Question

我目前使用 CSS（下面的代码）在 div 上具有悬停效果，如何使效果发生在悬停和单击时。

我相信它使用 .hover 以及使用 .active 但我将如何在下面的 CSS 代码中一起使用它们。

.maincontentdiv:hover > .slideup {
min-height: 50%;
}

Answer 1

在 CSS 中

.maincontentdiv:active > .slideup, .maincontentdiv:hover > .slideup { 
   min-height: 50%;
}

等于点击事件。,通过使用符号分隔多个对象，为多个对象设置相同的属性。它用于分隔 CSS 选择器中的每个查询。