专注于互联网--专注于架构

 最新标签
网站地图
文章索引
Rss订阅

首页 »Html教程 » css教程：CSS伪类 »正文

css教程：CSS伪类

来源: 发布时间:星期四, 2009年2月12日 浏览:53次 评论:0


CSSpseudo-esareusedtoaddspecialeffectstosomeselectors.
CSS伪类可用来给些选择器加上特殊效果

Hyperlink
如何在文档内给超级连接加上区别颜色
Thisexampledemonstrateshowtoadddferentcolorstoahyperlinkinadocument.
Examples例子:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run [www.52css.com]

=\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]




Hyperlink2
如何给超级连接加上其他样式
Thisexampledemonstrateshowtoaddotherstylestohyperlinks.
Examples例子:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run [www.52css.com]

=\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]



Thesyntaxofpseudo-es:
伪类语法:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
selector:pseudo-{property:value}



CSSescanalsobeusedwithpseudo-es:
类也可以使用伪类:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
selector.:pseudo-{property:value}



锚点伪类AnchorPseudo-es
Alinkthatisactive,visited,unvisited,orwhenyoumouseoveralinkcanallbedisplayedindferentwaysinaCSS-supportingbrowser:
当个连接处于活动被访问未访问或是当你鼠标移动到上面时候都可以给它以区别方式来表现前提是浏览器支持CSS:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
a:link{color:#FF0000}/*unvisitedlink*/


a:visited{color:#00FF00}/*visitedlink*/
a:hover{color:#FF00FF}/*mouseoverlink*/
a:active{color:#0000FF}/*selectedlink*/



Note:a:hoverMUSTcomeaftera:linkanda:visitedheCSSdefinitioninordertobeeffective!!
注意a:hover必须在a:link和a:visited后出现要有顺序才能正常显示效果！

Note:a:activeMUSTcomeaftera:hoverheCSSdefinitioninordertobeeffective!!
注意:CSS中a:active必须出现在a:hover定义后才能有效果！

Pseudo-esandCSSClasses
伪类和CSS类

Pseudo-escanbecombinedwithCSSes:
伪类可以和CSS类组合使用:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
a.red:visited{color:#FF0000}
<a=\"red\"href=\"http://www.52css.com/\">CSSSyntax</a>


Ifthelinkheexampleabovehasbeenvisited,itwillbedisplayedinred.
如果上面连接已经被访问过了它就会显示为红色
标签：
0
我顶

相关文章

读者评论

发表评论

  • 昵称：
  • 内容：

热门标签

精华推荐

最新标签

Dig排行

阅读排行

最新文章