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:狀態名{}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章