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

The dynamic pseudo-classes, like other pseudo-classes and in fact all other selectors, represent states; they do not represent events or transitions between states in terms of the document tree. To wit: the :focus pseudo-class represents an element that is in focus; it does not represent an element that has just received focus, nor does there exist a :blur pseudo-class to represent an element that has just lost focus.

同样，这适用于 :hover 伪类.虽然它表示一个上面有一个指针设备的元素，但对于刚刚被指向的元素既没有 :mouseover 伪类，也没有 :mouseout 一个元素的伪类刚刚离开.

Similarly, this applies to the :hover pseudo-class. While it represents an element which has a pointing device over it, there is neither a :mouseover pseudo-class for an element that has just been pointed to nor a :mouseout pseudo-class for an element that has just been pointed away from.

如果您需要将样式应用于不在焦点中的元素，您有两种选择:

If you need to apply styles to an element that is not in focus, you have two choices:

1. 使用 :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 */
}

这篇关于CSS 是否有 :blur 选择器(伪类)?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！