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:状态名{}