如何使用css添加类？

Question

我有一个案例，我使用前端框架来美化我的网站。在这个框架中，当输入被聚焦时(我的意思是当有人点击输入时)，类被切换。不幸的是被jQuery。整个问题是我不想使用jQuery。

有没有办法只在CSS中切换类？

<input type="text" name="street">
<label class="active"></label>

单击输入时，应在label元素中切换“active”类。谢谢!

编辑:该主题来自2013年，不能满足我:( C

Answer 1

您可以为这两种状态编写CSS类，以避免干扰jQuery操作，但仍然具有您期望的外观和感觉。

像这样的东西可以使技巧(CSS)变得更好：

label.active, label.active:focus, label.active:focus-within, label:not(.active){
  //Your look and feel
}