Css 更改“；“之前”；行为

我试图清理后，另一个开发人员，并遇到以下CSS动画。如何将其更改为单击而不是滚动？我不确定本例中的“悬停”在CSS中被称为什么来寻找替代方案

   #subscription-dashboard:before {
        ...
    }

#subscription-dashboard:hover:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
          ...
}
        #subscription-dashboard:after {
    left: -80px;
    top: 145px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
              ...
}
#subscription-dashboard:hover:after {
    opacity: 0;
             ...
}

---

你要找的短语是“伪类”

要处理单击，您可以将

：hover

更改为

：active

，单击鼠标按钮时将触发该操作。不幸的是，这并不完全模拟单击，因为释放鼠标按钮将恢复到正常类；为此，您可以使用类似于：

transition-delay: 1000000s;

---

在其中一个类上延迟很长时间，恢复到非活动类。

啊，延迟的好处。我试图将它们添加到“after”定义中。不过，我可能不得不回到javascript，因为从功能上讲，它必须更改为切换（保持打开或关闭状态），而不是在滚动时显示x。但是，我要说的是，我自己还没有试过。我已经是一个JS纯粹主义者，所以看到这样的事情让我大吃一惊。HTML/CSS！=一个好的状态机…如果它有用的话，我今天才知道，作为一个前W3Cer演讲的后续。