css 中有关链接的类怎么有 5 个？ 有个问题，比较小儿科： 我在 css 中看到有 5 个有关链接的类定义： a, a:link, a:hover, a:visited, a:active 但在“页面属性”中，只有 4 个类定义，即 a:link, a:hover, a:visited 和 a:active 这 4 个。 请问，css 中多出来的那个 a 是干什么用的？

多问一个问题可以吗： 代码中 <span> 是个什么意思？

:link CSS1 IE4+ , NS4+ 设置a对象在未被访问前的样式表属性 :hover CSS1/CSS2 IE4+ , NS4+ 设置对象在其鼠标悬停时的样式表属性 :active CSS1/CSS2 IE4+ 设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性 :visited CSS1 IE4+ , NS4+ 设置a对象在其链接地址已被访问过时的样式表属性 :focus CSS2 NONE 设置对象在成为输入焦点（该对象的onfocus事件发生）时的样式表属性 :first-child CSS2 NONE 设置对象（Selector1）的第一个子对象（Selector2）的样式表属性 :first CSS2 IE4+ 设置页面容器第一页使用的样式表属性。仅用于@page规则 :left CSS2 IE4+ 设置页面容器位于装订线左边的所有页面使用的样式表属性。仅用于@page规则 :right CSS2 IE4+ 设置页面容器位于装订线右边的所有页面使用的样式表属性。仅用于@page规则 :lang CSS2 NONE 设置对象使用特殊语言的内容样式表属性 ------------------------------------------------------------------------------------- :link,:visited,:hover,:active 是CSS标准伪类。伪类不能单独使用,须配合其它类使用。 a是文字对象. 单独使用a可以构成文字链接的样式 a{} 表示该文字链接在四种时态只有一种统一的样式. 而分开写文字链接的四种时态 a:link{} a:visited{} a:hover{} a:active{} 则表示文字链接在四种时态有其各自的样式属性。 --------------------------------------------------------------------------------- 参见 http://search.blueidea.com/?q=a%E4%BC%AA%E7%B1%BB&bisearch=bbs http://www.51windows.net/pages/css2/?url=/pages/css2/dir.htm --------------------------------------------------------------------------------- SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。 　　还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。 SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。 　　还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。 参考: http://bbs.blueidea.com/viewthread.php?tid=824633 http://search.blueidea.com/?q=span&bisearch=bbs

[html] <style> a {color:#000;text-decoration: none} a:hover {color:#f00;text-decoration: underline} span {border:1px solid #000} div {border:1px solid #f00} </style> span:<br> <span><a href="#">鼠标放上来看看</a></span><br><br> div:<br> <div><a href="#">鼠标放上来看看</a></div> [/html]

[ 关闭窗口 ]