a:visited:hover {color:maroon;}/* 顺序可交换,IE6中只会注意:hover而忽略:link部分 */
上面的样式可以实现鼠标指针停留在未访问链接上时,链接为红色,当停留在已访问过的链接上时,颜色为紫红色。
还可以根据语言来选择,即使用:lang为类:
*:lang(fr) {font-style:italic;}/* 把法语元素变成斜体 */
更多语言代码请查阅CSS手册。
此外,还有:first、:left:、right三种伪类,它们仅用于@page规则,例如:
@page :right { margin: 4cm }/* 设置页面容器位于装订线右边的所有页面使用的样式 */
@page :first {}/* 设置页面容器第一页使用的样式 */
8、伪元素:CSS2.1中有:first-letter、:first-line、:before、:after四种伪元素,实例:
p {width:500px;}/* 使用:first-line前先设置元素宽度,如果未指定对象的width属性,首行的内容长度随窗口宽度而定 */
p:first-line {color:red;}/* 不管是否设置了p的宽度,p元素内第一段文字总是以红色显示 */
p:first-letter {font-size:2em;}
h2:before {content:”{“;color:green;}/* 在h2元素的内容前面添加了一个“{”符号,并且颜色为绿色 */
h2:after {content:”}”;color:green;}/* 在h2元素的内容后面添加了一个“}”符号,并且颜色为绿色 */
h3:after {content:”END”;color:red;}/* 非IE6浏览器中,h3元素最后会添加红色的的“END”单词 */
span:before {content:”s”;color:red;}/* 非IE6浏览器中,span前面会添加一个红色的“s” */
span:first-letter {color:green;font-size:40px;}/* span元素的第一个单词不会变成绿色,大小为默认值 */
span {position:absolute;}/* 对span使用绝对定位后,第一个字母变为绿色,大小为40px */
得出的结论是:
1)IE6支持:first-line和:first-letter伪元素,不支持:after和:before伪元素;
2):first-line和:first-letter只能用于块级元素,:after和:before适合块级和行内元素;
3)行内元素设置设定position属性为absolute,或者设定display属性为block后,:first-line和:first-letter有效。










