CSS伪类匹配被用户激活的元素。它让页面能在浏览器监测到激活时给出反馈。当用鼠标交互时，它代表的是用户按下按键和松开按键之间的时间。
变颜色这种最基础的操作，肯定是无法满足大家滴，我们可以玩的花一点，比如给他定义一个animation
以上的两个例子，都是在两个状态之间切换，说白了只是改个样式，并没有很强的交互性，我们就只能做到这种程度吗? 在等外卖的无聊时间里，我骚动不已的心终于蹦出来了一个想法!我们可以自己定义动画，就意味着多掌握了一项关键属性，那就是时间，现在我有了按下、松开和时间三个要素，我可以做一个计时的操作啊 这里光用css肯定不行的啦，我加了一点点js进来，这里用到了animationend这个事件 1.active和:hover这两个状态会同时活动，所以如果你在同一个元素上定义了这两个状态的话，请注意一下css的书写顺序 2.在button元素上，:active生效的同时，会出发:focus状态，需要先重置浏览器的默认:focus样式 的例子中都用用到，简单介绍下概念就好了，主要用来扩大css选择器的控制范围，实现更复杂的效果
|
