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

转型自：[url]http://188882029.blog.51cto.com/blog/128963/26710[/url]


关于CSS中的选择符：
1.简单选择符
html中的任何标签，如body，h1，table，p等等
h1{color:white;}
2.类选择符
.class1{color:white;}
引用：<p class="class1">这段文字将引用class1样式，文字为白色</p>
3.id选择符
#id1{color:white;}
引用：<p id="id1">这段文字将引用id1样式，文字为白色</p>
4.伪类和伪元素
一些在特殊情况下自动激发的元素，如超连接被访问后呈现出一中颜色等,主要有link，visited,hove,active,first-letter,first-line等
a :hover{color:red;text-decopration:none;}