我知道有一个:focus选择器。我似乎找不到:blur选择器的使用或文档。有一个吗?
:focus
:blur
:blurCSS中没有伪类。
该动态伪类,像其他伪类,事实上所有其他选择,代表_国家_ ; 它们不代表文档树中的 事件 或 状态之间的转换 。举个例子::focus伪类代表了一个 被 关注的元素。它不代表刚刚_获得_关注的元素,也不存在:blur伪类来代表刚刚 失去 关注的元素。
同样,这适用于:hover伪类。虽然它表示具有指示设备在其上的元件,既不存在一个:mouseover伪类为刚刚元素 指向_也不是:mouseout伪类为刚刚一个元件 _从指出远 。
:hover
:mouseover
:mouseout
如果需要将样式应用于不突出的元素, 则 有两种选择:
使用:not(:focus)(较少的浏览器支持):
:not(:focus)
input:not(:focus), button:not(:focus) { /* Styles for only form inputs and buttons that do not have focus */
}
声明一个适用于任何元素的规则,无论其焦点状态如何,并覆盖具有焦点的元素:
input, button { /* Styles for all form inputs and buttons */
input:focus, button:focus { / Styles for only form inputs and buttons that have focus / }