CSS是否具有：blur选择器（伪类）？

Question

我知道有一个:focus选择器。我似乎找不到:blur选择器的使用或文档。有一个吗？

Answer 1

:blurCSS中没有伪类。

该动态伪类，像其他伪类，事实上所有其他选择，代表_国家_ ; 它们不代表文档树中的 事件 或 状态之间的转换 。举个例子：:focus伪类代表了一个 被 关注的元素。它不代表刚刚_获得_关注的元素，也不存在:blur伪类来代表刚刚 失去 关注的元素。

同样，这适用于:hover伪类。虽然它表示具有指示设备在其上的元件，既不存在一个:mouseover伪类为刚刚元素 指向_也不是:mouseout伪类为刚刚一个元件 _从指出远 。

如果需要将样式应用于不突出的元素， 则 有两种选择：

1. 使用:not(:focus)（较少的浏览器支持）：

   input:not(:focus), button:not(:focus) {
   /* Styles for only form inputs and buttons that do not have focus */
   

   }

2. 声明一个适用于任何元素的规则，无论其焦点状态如何，并覆盖具有焦点的元素：

   input, button {
   /* Styles for all form inputs and buttons */
   

   }

   input:focus, button:focus {
   / Styles for only form inputs and buttons that have focus /
   }