请问各位童鞋, 在css 中, 我明白a:link 和a:visited 是常规状态, a:hover 和a:active 是鼠标经过时的状

在css中,我明白a:link和a:visited是常规状态,a:hover和a:active是鼠标经过时的状态,那为什么还要设置一个单独a:的属性,比如:#naviga... 在css 中, 我明白a:link 和a:visited 是常规状态, a:hover 和a:active 是鼠标经过时的状态, 那为什么还要设置一个单独a: 的属性,
比如:#navigation li a{
display:block这个是设置块级元素,
padding: 5px
text-decoration
border-left
border-right
}这段代码我明白它所要表达的意思, 那为什么不再a:link,a:visited 里面设置呢?
小美女谢谢您!
展开
 我来答
典修敏KX
2011-01-13 · TA获得超过243个赞
知道小有建树答主
回答量:356
采纳率:0%
帮助的人:351万
展开全部
首先:a:link 和a:visited 并非全是常规状态, a:hover 和a:active 也并非全是鼠标经过时的状态
a:link:超链接未被点击时
a:hover :鼠标移上超链接时
a:active:超链接被点击时
a:visited :超链接被点击后
直接写a可能就等同于你说的常规状态,它是包含指所有的a标签,包括链接与锚点(希望你知道什么是锚点),而a:link指的是a标签里面含有href属性的a标签,他这么写常规状态下没错,但是遇到他的页面有锚点的话,他可能就会为调试页面大费脑筋了。
YaopK
2011-01-13 · TA获得超过2065个赞
知道大有可为答主
回答量:1958
采纳率:0%
帮助的人:1742万
展开全部
先来解释一下 a 与 a:link 吧。
直接 a 作选择器 表示对所有含有 a 标签的内容有效
而用 a:link 即只对 a 标签在 含有 href 属性的有效
如:
a{color:#f00;}
a:link{color:#0f0;}

<a>内容内容内容内容</a>

上面这行只会显示 “#f00”这颜色
而当HTML代码为:
<a href="#">内容2内容2内容2内容2</a>

即显示为 “#0f0” 这颜色(注:如果你想测试一下效果,请把上面的“#”换成你没有访问过的网址)

再有,在CSS优先权中 a:link (0,0,0,2)的优先权比起 a (0,0,0,1)的优先权要高
就拿上面的代码来说,如果HTML都为

<a href="#">内容2内容2内容2内容2</a>
无论 a:link{color:#0f0;} 的样式放在什么位置,那么这条最终显示的颜色为“#0f0”

=========
再说你上面给出的样式用 a 而不用 a:link,a:visited 前者上面都说了 a:link 只当有 href 属性时才会生效,所以当 a 标签没有 href 属性时,你说面所写的样式就变成无意义了

而 a:visited 只是状态样式 点击后才会生效,所以并不适合用来作一些特殊设置。
那么再来说说 a 吧……
上面也说了,设置 a 的话,对应所有 a 标签都会生效,也就是对这个做的设置,都包含对
a:link,a:visited,a:hover,a:active
的设置了。

再后,你不觉得直接打一个 a 比起打 a:link 方便得多麽? HOHO……这不是可以偷懒麽?

以上……
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
feqgat
2011-01-14 · TA获得超过1002个赞
知道小有建树答主
回答量:1092
采纳率:100%
帮助的人:895万
展开全部
怎么一个节日过的把百度过穷了、??回答问题的人少了。

a:link是连接 后面的为活动连接 连接访问 和访问过的,当用到这条时,你可直接调用style里的这个连接属性:比如
.shopu{

A:link
A:visited
A:active
A:hover}
你只需要在连接字的font 属性里加上这样一句就行了:
<font calss="shopu">首页</font>就可以实现你定的连接样试了其它的还多,如果你想学,看看书,和用dw做一个,很快的。给你一个例字:
<sytle>
body,td,th {
font-size: 12px;
}
a {
font-size: 12px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.STYLE1
body {
margin-left: 0px;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 0px;
}
</STYLE>
<table><tr><td calss="style1"><a ...>我的例字</a></td></tr></table>
这样就有效果了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友c1bc6fcf3
2011-01-13
知道答主
回答量:30
采纳率:0%
帮助的人:0
展开全部
前面 #navigation li 这部分是CSS的选择符部分,也就是限定了这部分区域内的A显示的效果。

如果没有,那么代表整个文档页面。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2011-01-14
展开全部
小美女,女的?厉害啊!^-^
其实也可以这么写:
#navigation li a:link,#navigation li a:visited{
display:block这个是设置块级元素,
padding: 5px
text-decoration
border-left
border-right
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式