CSS有一个:模糊选择器(伪类)?

前端之家收集整理的这篇文章主要介绍了CSS有一个:模糊选择器(伪类)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道有一个:焦点选择器。我似乎找不到使用或文档的一个:模糊选择器。有没有一个?

解决方法

CSS中没有:blur伪类。

dynamic pseudo-classes,像其他伪类,事实上所有其他选择器,表示状态;它们不表示根据文档树的状态之间的事件或转换。焦点:焦点伪类表示焦点对准的元素;它不表示刚接收焦点的元素,也不存在:blur伪类来表示刚失去焦点的元素。

类似地,这适用于:hover伪类。虽然它代表一个在其上有一个指针设备的元素,但是对于刚刚被指向的元素,没有一个:mouSEOver伪类,也没有一个刚刚被指向的元素的mouSEOut伪类。

如果您需要将样式应用于未焦点对准的元素,则有两个选择:

>使用: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相关文章