书写css伪类时冒号前或后多个空格导致该规则失效-softbar
相信多數(shù)開發(fā)者不會多個(gè)空格。
偶然發(fā)現(xiàn)的，網(wǎng)上多數(shù)css格式化將壓縮后的css格式化后會發(fā)生這個(gè)情況。
?
搜“css格式化”，以下網(wǎng)站
?
softbar
?http://www.softbar.com/?
?
格式化后會多出個(gè)空格，多出空格后樣式規(guī)則失效了。
01
<!DOCTYPE html>
02
<html>
03
?? ?<head>
04
?? ? ? ?<meta charset="utf-8">
05
?? ? ? ?<title>書寫css偽類時(shí)冒號前或后多個(gè)空格導(dǎo)致該規(guī)則失效</title>
06
?? ? ? ?<style type="text/css">
07
?? ? ? ? ? ?a:link {
08
?? ? ? ? ? ? ? ?color: gray;
09
?? ? ? ? ? ?}
10
?? ? ? ? ? ?a:visited {
11
?? ? ? ? ? ? ? ?color: red;
12
?? ? ? ? ? ?}
13
?? ? ? ? ? ?/* 冒號后多了個(gè)空格 */
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規(guī)則沒起作用。
在冒號前多了個(gè)空格也一樣。
須注意..
總結(jié)
以上是生活随笔為你收集整理的书写css伪类时冒号前或后多个空格导致该规则失效-softbar的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 写在中国雅虎关闭之后
- 下一篇： SQL2008学习小结