CSS有一个：模糊select器（伪类）？

我知道有一个:focusselect器。 我似乎无法find使用或:blurselect器的文档。 有一个吗？

Answer 1

在CSS中没有:blur伪类。

像其他伪类一样， dynamic伪类实际上是所有其他select器，都代表状态 ; 它们不代表文件树方面的事件或状态之间的转换 。 即： :focus伪类代表一个焦点的元素; 它不代表刚刚获得焦点的元素，也不存在:blur类来表示刚刚失去焦点的元素。

同样，这适用于:hover伪类。 虽然它表示一个具有指向设备的元素，但是对于刚被指向的元素，既没有:mouseover伪类，也没有对刚被指向的元素的:mouseout伪类。

如果您需要将样式应用于不重点的元素， 则有两个select：

1. 使用:not(:focus) （less用浏览器支持）：

    input:not(:focus), button:not(:focus) { /* Styles for only form inputs and buttons that do not have focus */ } 

2. 声明适用于任何元素而不pipe其焦点状态的规则，并覆盖具有焦点的元素：

    input, button { /* Styles for all form inputs and buttons */ } input:focus, button:focus { /* Styles for only form inputs and buttons that have focus */ } 

Answer 2

不，CSS没有模糊伪select器，大概是因为模糊比状态更像事件。 （不清楚什么时候什么东西会失去模糊状态）。

Answer 3

所有常规select器默认都不会被聚焦。 所以你不需要特殊的模糊select器。

这些是优先select器。

 .myButton .myButton:hover .myButton:focus .myButton:active 

Answer 4

使用常规转场来设置模糊转场。

 .example { transition-property: opacity; transition-duration: 2s; /* This will happen after the hover state and can also be used for consistency on the overall experience */ opacity: 0; } .example:hover { opacity: .8; transition-duration: .3s; transition-delay: .1s; }