- From: Lcf.vs via GitHub <sysbot+gh@w3.org>
- Date: Sun, 10 Jun 2018 15:54:25 +0000
- To: public-css-archive@w3.org
@jonjohnjohnson Another point about your suggestion, if we want to match the user actions, a `:blurred` doesn't permits to make some others actions between (but your `:blurred` seems useful too).
Example :
```css
input:blurred:invalid + .message::before {
content: 'Invalid, try again';
}
input:valid + .message::before {
content: 'Your value is correct';
}
input:invalid:then(:valid) + .message::before {
content: 'Now, your value is correct';
}
```
As you can see, if the user responds correctly, at the first time, it doesn't have the same message than the other cases, but while the conditions match, even if the user make some other actions, the effect is applied.
Moreover, I think that solution can be combined with the CSS counters, like for a countdown.
--
GitHub Notification of comment by Lcfvs
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2725#issuecomment-396059808 using your GitHub account
Received on Sunday, 10 June 2018 15:54:28 UTC