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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效