怎么在CSS里定义超链接的样式?
首先大家看清楚的问题,不是一般的定义超链接的样式。而是在指定一个代码里定义的。例如,我有如下CSS代码:#abc{……}<divid="abc">超链接</a>我是想将i...
首先大家看清楚的问题,不是一般的定义超链接的样式。而是在指定一个代码里定义的。例如,我有如下CSS代码:
#abc{
……
}
<div id="abc">超链接</a>
我是想将id为abc的div里面用的超链接样式放进#abc里头,或者说,改样式仅对#abc的div有效,不是传统的那些a.abc.link这种。 展开
#abc{
……
}
<div id="abc">超链接</a>
我是想将id为abc的div里面用的超链接样式放进#abc里头,或者说,改样式仅对#abc的div有效,不是传统的那些a.abc.link这种。 展开
3个回答
展开全部
CSS中通过四个伪类来定义链接的样式,分别是:
a:link 链接默认的样式
a:visited 链接已被访问过时的样式
a:hover 鼠标悬浮在链接上的样式
a:active 点击链接时候的样式一般定义这四种样式的是“LVHA”的顺序来写样式,不然可能出现样式覆盖问题;
定义class样式一般分两种,一种在a标签上,一种在a标签外面,实例如下:
<style type="text/css">LVHA
.aaa a:link{color:red;text-decoration:none;font-size:14px;}
.aaa a:visited{color:yellow;text-decoration:none;font-size:14px;}
.aaa a:hover{color:blue;text-decoration:none;font-size:14px;}
.aaa a:active{color:green;text-decoration:none;font-size:14px;}
</style>
<div class="aaa"><a href="#">在a标签外的标签加class</a></div><br />
<style type="text/css">LVHA
a.bbb:link{color:red;text-decoration:none;font-size:14px;}
a.bbb:visited{color:yellow;text-decoration:none;font-size:14px;}
a.bbb:hover{color:blue;text-decoration:none;font-size:14px;}
a.bbb:active{color:green;text-decoration:none;font-size:14px;}
</style>
<a href="#" class="bbb">在a标签加</a>
展开全部
#abc a{
...
}
...
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
#abc A:link,#abc A:visited,#abc A:active{ text-decoration: none;color: #111;}
#abc A:hover{ text-decoration: none; color: #CC0000; }
#abc A:hover{ text-decoration: none; color: #CC0000; }
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询