本文探讨了CSS格式化过程中出现的多余空格问题，特别是在伪类选择器后添加空格会导致样式规则失效的情况，并通过示例代码说明了这一现象。
相信多数开发者不会多个空格。
偶然发现的，网上多数css格式化将压缩后的css格式化后会发生这个情况。
搜“css格式化”，以下网站
softbar
http://www.softbar.com/
格式化后会多出个空格，多出空格后样式规则失效了。
01
<!DOCTYPE html>
02
<html>
03
<head>
04
<meta charset="utf-8">
05
<title>书写css伪类时冒号前或后多个空格导致该规则失效</title>
06
<style type="text/css">
07
a:link {
08
color: gray;
09
}
10
a:visited {
11
color: red;
12
}
13
/* 冒号后多了个空格 */
14
a: hover {
15
color: yellow;
16
}
17
</style>
18
</head>
19
<body>
20
<a href="http://www.sina.com.cn">sina</a>
21
</body>
22
</html>
所有浏览器中测试hover规则没起作用。
在冒号前多了个空格也一样。
须注意..
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
