a:link、a:visited、a:hover、a:active怎么用啊
2013-06-05
展开全部
你的意思应该是 多个a标签需要使用不同的 动态样式是吧;
第一种:
给a标签一个id或者class,然后在css里给id或class使用伪类
<a id="xxx" href=.....></a> 或者 <a class="xxx" href=....></a>
css: xxx:link xxx:active xxx:visited xxx:hover
不同的a,给一个不同的id或者class,这样就可以不一样了,如果有部分是一样的,那么就使用相同的class; 但是记住id只能使用一个元素上; 虽然在ie里将id跟class一样使用不会显示错误,但是是不符合网w3c的html标准的
第二种:
如果这些a标签不属于同一层的,意思是 a不在同一个容器下;比如一个a在 <div id="aaa">里面 ,另一个a在<div id="bbb">里面;
那么你可以这样写css: #aaa a:link; #aaa a:active ....#bbb a:link; #bbb a:hover; 这表示这个a是在#aaa这个容器下的a;也就特定了这个a了;这样也可以做到不同a不同样式;
这两种方法是在不同情况下应用的; 一般第二种情况是 在一个容器下的a全部使用相同样式,例如导航;那么就用第二种,这样代码量更小; 如果一个页面的a全部使用相同样式,那么直接定义a; 如果每个a使用不同样式,那么使用id;如果不在同一容器下的几个a使用相同样式,那么使用class;一句话,什么方式可以在效果相同的情况下让css代码量更小;就选择什么方法
第一种:
给a标签一个id或者class,然后在css里给id或class使用伪类
<a id="xxx" href=.....></a> 或者 <a class="xxx" href=....></a>
css: xxx:link xxx:active xxx:visited xxx:hover
不同的a,给一个不同的id或者class,这样就可以不一样了,如果有部分是一样的,那么就使用相同的class; 但是记住id只能使用一个元素上; 虽然在ie里将id跟class一样使用不会显示错误,但是是不符合网w3c的html标准的
第二种:
如果这些a标签不属于同一层的,意思是 a不在同一个容器下;比如一个a在 <div id="aaa">里面 ,另一个a在<div id="bbb">里面;
那么你可以这样写css: #aaa a:link; #aaa a:active ....#bbb a:link; #bbb a:hover; 这表示这个a是在#aaa这个容器下的a;也就特定了这个a了;这样也可以做到不同a不同样式;
这两种方法是在不同情况下应用的; 一般第二种情况是 在一个容器下的a全部使用相同样式,例如导航;那么就用第二种,这样代码量更小; 如果一个页面的a全部使用相同样式,那么直接定义a; 如果每个a使用不同样式,那么使用id;如果不在同一容器下的几个a使用相同样式,那么使用class;一句话,什么方式可以在效果相同的情况下让css代码量更小;就选择什么方法
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询