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

最新推荐文章于 2024-09-23 21:32:49 发布

魔豆爸

最新推荐文章于 2024-09-23 21:32:49 发布

阅读量139

点赞数 1

分类专栏： HTML/DOM/CSS 文章标签： CSS HTML .net

HTML/DOM/CSS 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

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