书写css伪类时冒号前或后多个空格导致该规则失效-softbar
相信多數開發者不會多個空格。
偶然發現的，網上多數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規則沒起作用。
在冒號前多了個空格也一樣。
須注意..
總結
以上是生活随笔為你收集整理的书写css伪类时冒号前或后多个空格导致该规则失效-softbar的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 写在中国雅虎关闭之后
- 下一篇： xp,win7,win2003,win2