DIV中控制超級連接的方法

在div中，咱們要控制超級連接，要怎麼作呢？是否是也要和普通的html語言同樣，在html中加入諸如<a href="#"><font-size="1">超級連接</font></a>這樣的一大堆東西呢？

 

答案是否認滴~~~，咱們有CSS來控制，更加方便，來看一段代碼

 

<div id="navigator">

               <a href="http://www.av286.com">我是超級連接</a>

</div>

 

咱們知道超級連接一共有4個狀態：沒有點的時候( link)、鼠標放上去的時候( hover)、點擊的時候( active)、訪問過的時候( visited)

超級連接在CSS中是一個比較特殊的僞類，所以不能像普通DIV的ID同樣去用#id來定義。

如上例，在navigator這個盒子中，有一個超級連接。那麼咱們就是要定義這個盒子中的超級連接，因此要用 #navigator a的方式來定義超級連接的樣式，這不會影響到#navigator的參數。

 

若是要定義整個超級連接任何狀態下的樣式，就用

#navigator a{}

若是要定義某一種狀態下的樣式，就用

#navigator a:狀態名{}