-
鏈接
<a href="#"></a>//#代表空鏈接
a標(biāo)簽是內(nèi)聯(lián)元素，如果兩個(gè)內(nèi)聯(lián)元素之間出現(xiàn)了空格或者換行，那個(gè)勿亂出現(xiàn)多少次，內(nèi)聯(lián)元素中間會(huì)多出一個(gè)字符的間距亚脆。
瀏覽器默認(rèn)字符的樣式是長(zhǎng)這個(gè)樣子的：
偽類
—定義：用于向某些選擇器盲泛，添加特殊的效果濒持。（源自w3C）
—使用方法：元素：偽類名稱{屬性值} 键耕，eg：a:hover{ color：red}//當(dāng)鼠標(biāo)經(jīng)過時(shí)字體變?yōu)榧t色。：link 向未被訪問的鏈接添加樣式柑营。
：visited 向已被訪問的鏈接添加樣式屈雄。(不明白為什么text-decoration不顯示，其他三個(gè)偽類都可以官套，)
：hover 當(dāng)鼠標(biāo)懸浮在元素上時(shí)酒奶，添加的樣式。
：active 當(dāng)鼠標(biāo)按下元素奶赔，按住了時(shí)惋嚎，向元素添加的樣式。
以上四種各個(gè)瀏覽器都兼容站刑。：focus 向擁有鍵盤輸入焦點(diǎn)的元素添加樣式（IE6瘸彤、7不支持）
：first-child 向某個(gè)元素的第一個(gè)子元素添加樣式（IE6、7笛钝、8不支持）
還有幾個(gè)偽類，見用的不多愕宋，見過再了解玻靡。：first，：left中贝，：right囤捻，：lang。
-
通過偽類控制鏈接的屬性
<style>
a:link{
text-decoration: none;
color: black;
}
a:visited{
text-decoration: line-through;//???
color: red;
}
a:hover{
text-decoration: underline;
color: blue;
}
a:active{
text-decoration: none;
color: white;
}</style> <body> <a href="#">測(cè)試</a> </body>
—注意這四個(gè)偽類的順序是有考究的邻寿，按照我的例子的順序來(lái)寫蝎土。為什么呢？
CSS特性
1绣否、繼承：元素中子元素將繼承父元素的樣式誊涯。
2、層疊：網(wǎng)頁(yè)中子元素定義了與父元素相同的屬性蒜撮，則子元素的樣式將覆蓋父元素的樣式暴构。而且，同一個(gè)元素段磨，后面定義的樣式會(huì)覆蓋前面定義的樣式取逾。
分析：通過對(duì)上面特性的理解，可以分析一下上面四個(gè)偽類的動(dòng)作苹支。
a:visited,鼠標(biāo)按住了這一動(dòng)作砾隅，可以包含以上三種偽類的情況。理解一下债蜜，這個(gè)鏈接被按住了晴埂，但是究反，他也可能是未訪問過的，也可能是訪問過的邑时，我鼠標(biāo)按啦奴紧，也是在鏈接上。但是晶丘，我只想讓他顯示a:visited里面的樣式黍氮，所以必須放在最后。同理去理解：hover浅浮。
-
不支持偽類怎么破
我們不是有javascript么沫浆，:focus可以通過使用
document.getElementById('d').onfocus=function(){
this.className=blue;
}//前提：id已經(jīng)標(biāo)識(shí)過，類.blue已將建過滚秩。這個(gè)類內(nèi)描述了獲得焦點(diǎn)時(shí)的樣式专执。
