chrome中运行:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> input:focus:invalid { /* 该样式不生效 */ border:2px solid red; } </style> </head> <body> <input type="email"/> </body> </html>
可以看一下focus下修改是不生效的。
我记得之前有个理论,那就是 爱恨原则,说的就是设置伪类的时候要注重一定的顺序。不知道是不是focus改border落在规则里面
http://jsrun.net/gUvKp/edit
1.4m articles
1.4m replys
5 comments
56.8k users