怎么定義單個超鏈接的樣式？一直在煩惱這個問題，但也沒認真對待。今天小總結下吧。想定義某個超鏈接的樣式，方法有兩種：

一、繼承：

比如說：全站的超鏈接css為

a {text-decoration:none;color:yellow;}  
a:hover {color:#red;text-decoration:underline;}

超鏈接顏色為 黃色無下劃線。

你有個DIV<div class=”box”><a href=”#”>我是超鏈接</a></div>

其中box css為 .box{font-size:25px; width:100px;}

重點來了：想改變超鏈接樣式 就這樣寫：

.box a{text-decoration:underline;color:blue;}：此處超鏈接就變為藍色有下劃線

同樣：.box a:hover {color:#green;text-decoration:none;} 點擊之后為 ，綠色無下劃線。

二、偽類

這個直接在這樣寫  a.blue {text-decoration:underline;color:blue;}  然后在 <div class=”box”><a class =“blue” href=”#”>我是超鏈接</a></div>效果是一樣的。

一些小問題不理請用的時候就很糾結，能修改了，但心里老是怪怪的。可能是不太常用的緣故吧。現在理清了，也算個備忘吧。