相信多數開發人員不會多個空格。
偶然發現的，網上多數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規則沒起作用。
在冒號前多了個空格也一樣。
須注意..
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
