書寫css偽類時(shí)冒號(hào)后多個(gè)空格導(dǎo)致該規(guī)則失效
發(fā)布時(shí)間：2011-01-12 21:44:54 作者：佚名 
我要評(píng)論
我要評(píng)論相信多數(shù)開發(fā)者不會(huì)多個(gè)空格。是偶然發(fā)現(xiàn)的，網(wǎng)上多數(shù)css格式化將壓縮后的css格式化后會(huì)發(fā)生這個(gè)情況。
css格式化
http://www.dbjr.com.cn/tools/cssyasuo.shtml
格式化后會(huì)多出個(gè)空格，多出空格后樣式規(guī)則失效了。
<!DOCTYPE html>
<html>
<head>
<title>書寫css偽類時(shí)冒號(hào)后多個(gè)空格導(dǎo)致該規(guī)則失效</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
<style type="text/css">
a:link{color : gray;}
a:visited{color : red;}
/* 冒號(hào)后多了個(gè)空格 */
a: hover{color : yellow;}
</style>
</head>
<body>
<a >sina</a>
</body>
</html>
推薦使用工具YUI Compressor 、Closure Compiler Google出品的JavaScript優(yōu)化器或者 CSSTidy等離線工具，直接在線操作不僅可壓縮js也可以壓縮css。
http://www.dbjr.com.cn/tools/cssyasuo.shtml
格式化后會(huì)多出個(gè)空格，多出空格后樣式規(guī)則失效了。
復(fù)制代碼
代碼如下:<!DOCTYPE html>
<html>
<head>
<title>書寫css偽類時(shí)冒號(hào)后多個(gè)空格導(dǎo)致該規(guī)則失效</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
<style type="text/css">
a:link{color : gray;}
a:visited{color : red;}
/* 冒號(hào)后多了個(gè)空格 */
a: hover{color : yellow;}
</style>
</head>
<body>
<a >sina</a>
</body>
</html>
推薦使用工具YUI Compressor 、Closure Compiler Google出品的JavaScript優(yōu)化器或者 CSSTidy等離線工具，直接在線操作不僅可壓縮js也可以壓縮css。
相關(guān)文章
- 在處理css的機(jī)制上，IE總是有很多讓人吐血的舉動(dòng)，但對(duì)于他們現(xiàn)在的改進(jìn)力度還是值得高興的。2009-12-08
- 寫這篇文章的起因來自與毅博客的《美化段落文本 2》，在這篇文章的最后振之談到了關(guān)于:first-letter這樣的偽類元素的特點(diǎn).2009-09-22
- css偽類偽元素域高級(jí)選擇器的介紹，需要的朋友可以參考一下2013-02-26
- CSS中存在一些比較特殊的屬性，稱之為偽類,它們之中最常用的就是定義鏈接的偽:link，:visited，:hover，:active等本文詳細(xì)介紹一下after的用法的用法，感興趣的朋友可以了2013-02-01
csshover.htc在IE7下使用:active偽類無效解決方法
相信做前端開發(fā)都知道，IE6、IE7都不支持:active偽類，IE6更甚，連:hover偽類都不支持。為了解決這個(gè)問題，一般都會(huì)引入一個(gè)csshover.htc文件來解決,本文將介紹解決此問題2012-12-24ie6不支持hover ie6 標(biāo)簽(除a標(biāo)簽)不支持偽類:hover解決方案
ie6環(huán)境下好多的標(biāo)簽除a標(biāo)簽都不支持偽類:hover，本人很是疑惑，于是搜集整理一番，曬出來和大家分享，希望對(duì)你們有幫助2012-12-21CSS偽類:before在元素之前 :after 在元素之后實(shí)例講解
本教程簡(jiǎn)單的介紹一下關(guān)于CSS偽類:before, :after詳解:before 偽元素在元素之前添加內(nèi)容;after 偽元素在元素之后添加內(nèi)容;有需要了解的朋友可以參考一下2012-12-18CSS中a標(biāo)簽樣式的“愛恨”原則：定義鏈接樣式的四個(gè)偽類
CSS為一些特殊效果準(zhǔn)備了特定的工具，我們稱之為“偽類”。本文將詳細(xì)介紹經(jīng)常用于定義鏈接樣式的四個(gè)偽類,需要的朋友可以參考下2012-12-10有關(guān)于a標(biāo)簽的4個(gè)偽類的使用方法
上面是偽類的正確順序，簡(jiǎn)稱 lvha(love-ha)。你一直知道這個(gè)順序但是為什么這樣呢？原理是怎么樣的？2011-07-22鏈接偽類（:hover）CSS背景圖片有閃動(dòng)BUG的解決方法
IE6下鏈接偽類（:hover）CSS背景圖片有閃動(dòng)BUG，主要原因ie會(huì)再一次請(qǐng)求這張圖片，或者說圖片沒被緩存。2011-04-28