一尘不染

CSS是否具有:blur选择器(伪类)?

css

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


阅读 1271

收藏
2020-05-16

共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 /
    }

2020-05-16