您的位置:首页 > Web前端 > CSS

CSS学习(18)--伪类

2007-02-05 16:44 330 查看
:link 版本:CSS1  兼容性:IE4+ NS4+

语法:

Selector : link { sRules }

说明:

设置a对象在未被访问前的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。
对于无href属性(特性)的a对象,此伪类不发生作用。

示例:

1 a:link { font-size: 14pt; text-decoration: underline; color: blue; }
:hover 版本:CSS1/CSS2  兼容性:IE4+ NS4+

语法:

Selector : hover { sRules }

说明:

设置对象在其鼠标悬停时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
目前IE5.5+仅支持CSS1中的:hover。

示例:

1 a:hover { font-size: 14pt; text-decoration: underline; color: blue; }
2 a:hover span{ color:red; }
:active 版本:CSS1/CSS2  兼容性:IE4+

语法:

Selector : active { sRules }

说明:

设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。
目前IE5.5+仅支持CSS1中的:active。

示例:

1 a:active { font-size: 14pt; text-decoration: underline; color: blue; }
:visited 版本:CSS1  兼容性:IE4+ NS4+

语法:

Selector : visited { sRules }

说明:

设置a对象在其链接地址已被访问过时的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。
对于无href属性(特性)的a对象,此伪类不发生作用。

示例:

1 a:visited { font-size: 14pt; text-decoration: underline; color: blue; }
:first-letter 版本:CSS2  兼容性:IE5.5+

语法:

Selector : first-letter { sRules }

说明:

设置对象内的第一个字符的样式表属性。
此伪对象仅作用于块对象。内联对象要使用该伪对象,必须先设定对象的height或width属性,或者设定position属性为absolute,或者设定display属性为block。
在此伪类中配合使用font-size属性和float属性可以制作首字下沉效果。

示例:

1 p a:first-letter { color: green }
2 div:first-letter { color:red;font-size:16px;float:left; }
:first-line 版本:CSS2  兼容性:IE5.5+

语法:

Selector : first-line { sRules }

说明:

设置对象内的第一行的样式表属性。
此伪对象仅作用于块对象。内联对象要使用该伪对象,必须先设定对象的height或width属性,或者设定position属性为absolute,或者设定display属性为block。
如果未强制指定对象的width属性, 首行的内容长度可能不是固定的。

示例:

1 p a:first-line { color: green }
2 div:first-line { color:red;font-size:16px; }
:first 版本:CSS2  兼容性:IE4+

语法:

Selector : first { sRules }

说明:

设置页面容器第一页使用的样式表属性。仅用于@page规则。

示例:

1 @page :first { margin: 4cm }
:left 版本:CSS2  兼容性:IE4+

语法:

Selector : left { sRules }

说明:

设置页面容器位于装订线左边的所有页面使用的样式表属性。仅用于@page规则。

示例:

1 @page :left { margin: 4cm }
:right 版本:CSS2  兼容性:IE4+

语法:

Selector : right { sRules }

说明:

设置页面容器位于装订线右边的所有页面使用的样式表属性。仅用于@page规则。

示例:

1 @page :right { margin: 4cm }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: