DIV中控制超级链接的方法

发布时间:2020-09-15编辑:脚本学堂
控制超级链接,在普通的html语言中加入超级链接这样的代码,看起来有些麻烦,div中要怎么做呢?本方介绍用CSS来控制的方法,更为方便,给大家分享一下。

首先,来看一段代码:
 

复制代码 代码示例:
<div id="navigator">
               <a href="http://www.jb200.com">是超级链接</a>
</div>

超级链接一共有4个状态:没有点的时候(link)、鼠标放上去的时候(hover)、点击的时候(active)、访问过的时候
(visited)
超级链接在CSS中是一个比较特殊的伪类,因此不能像普通DIV的ID一样去用#id来定义。
如上例,在navigator这个盒子中,有一个超级链接。那么我们就是要定义这个盒子中的超级链接,所以要用#navigator a的
方式来定义超级链接的样式,这不会影响到#navigator的参数。

如果要定义整个超级链接任何状态下的样式,就用
 

复制代码 代码示例:
#navigator a{}
如果要定义某一种状态下的样式,就用
#navigator a:状态名{}