`
zhouyrt
  • 浏览: 1184485 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

CSSHTML.net 
阅读更多

相信多数开发者不会多个空格。
是偶然发现的，网上多数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>

 

 

 

 

0
顶
0
踩
分享到：
| JavaScript模态对话框类
评论
2 楼 libmw 2010-12-08  
这个应该是格式化工具的bug吧
1 楼 暴走的酱油瓶 2010-12-07  
冒号前有空格，也不行
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics