书写css伪类时冒号前或后多个空格导致该规则失效

zhouyrt · 发表于 2013-2-7 23:35:37

相信多数开发者不会多个空格。
是偶然发现的，网上多数css格式化将压缩后的css格式化后会发生这个情况。

搜“css格式化”，以下网站

http://www.jb51.net/tools/cssyasuo.shtml
http://www.ttmouse.com/geshi.html

格式化后会多出个空格，多出空格后样式规则失效了。

<!DOCTYPE html><html> <head> <title>书写css伪类时冒号后多个空格导致该规则失效</title><meta http-equiv="Content-Type" content="text/html;charset=gbk"/><style type="text/css">a:link{color : gray;}a:visited{color : red;}/* 冒号后多了个空格 */a: hover{color : yellow;}</style> </head> <body><a href="http://www.sina.com">sina</a> </body></html>

		自动登录	找回密码
密码			立即注册