关于CSS A标签

来源：百度知道 编辑：UC知道 时间：2024/06/14 18:41:45
看到一个css样式表中有如下定义，想问问，那个a和a.hover是什么意思?
.wrapBtn {...}

.wrapBtn a {...}

.wrapBtn a:hover {...}

举个列子：
有个div class是wrapBtn
<div class="wrapBtn ">aaa</div>
为了控制div的中字体是绿色，我写了个css
.wrapBtn {color:green;}

然后我要把"aaa"做成一个链接
<div class="wrapBtn "><a href="http://www.163.com">aaa</a></div>
为了单独控制wrapBtn 中的a链接的字体颜色是黑色(仅限a链接中)，我定义一个css
.wrapBtn a {color:#000;}

再后我希望鼠标经过a链接字体aaa时，颜色边一下；
.wrapBtn a:hover {color:red;}

就这么简单，还有一些楼上说的其他控制，用发一样

a标签是超链接
a:hover是定义鼠标移上去时的效果

a标签有4个状态
a:link
a:visited
a:hover
a:active
分别表示:链接,已访问过的链接,链接触发,链接点击