CSS伪类和伪元素的知识和使用.docVIP

CSS伪类和伪元素的知识和使用.txt有没有人像我一样在听到某些歌的时候会忽然想到自己的往事_______如果我能回到从前，我会选择不认识你。不是我后悔，是我不能面对没有你的结局。 学习WEb技术当然首先要先学好HTMl和CSS基础知识和使用，但仅仅学习他们的一些基础标签、元素、以及颜色布局是不够的，要学就应该深入的去了解，用这些基础的只是做出更好的效果 这里讲解一点关于CSS伪类和伪元素的用法 一：CSS伪类用于向某些选择器添加特殊效果。 先看看例子： view plainprint? html head style type=text/css a.one:link {color: #ff0000} a.one:visited {color: #0000ff} a.one:hover {color: #ffcc00} a.two:link {color: #ff0000} a.two:visited {color: #0000ff} a.two:hover {font-size: 150%} a.three:link {color: #ff0000} a.three:visited {color: #0000ff} a.three:hover {background: #66ff66} a.four:link {color: #ff0000} a.four:visited {color: #0000ff} a.four:hover {font-family: monospace} a.five:link {color: #ff0000; text-decoration: none} a.five:visited {color: #0000ff; text-decoration: none} a.five:hover {text-decoration: underline} /style /head body p请把鼠标移动到这些链接上，以查看效果：/p pba class=one href=/index.html target=_blank这个链接改变颜色/a/b/p pba class=two href=/index.html target=_blank这个链接改变字体大小/a/b/p pba class=three href=/index.html target=_blank这个链接改变背景颜色/a/b/p pba class=four href=/index.html target=_blank这个链接改变字体系列/a/b/p pba class=five href=/index.html target=_blank这个链接改变文本装饰/a/b/p /body /html PS: four中的monospace在IE6上才能看到效果, ...？ 伪类的语法： view plainprint? selector : pseudo-class {property: value} 和CSS一起使用： view plainprint? selector.class : pseudo-class {property: value} 伪类的种类： 属性 描述 css view plainprint? :active 向被激活的元素添加样式。 1 :focus 向拥有键盘输入焦点的元素添加样式。 2 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 1 :link 向未被访问的链接添加样式。 1 :visited 向已被访问的链接添加样式。 1 :first-child 向元素的第一个子元素添加样式。