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 }
语法:
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 }
相关文章推荐
- css学习笔记20160128对齐组合选择符伪类伪元素
- H5学习之18 css-background
- 学习记录CSS :active 伪类
- 前端学习 -- Css -- 否定伪类
- 简单了解学习CSS的伪类(特别是hover,actived)
- HTML5学习_day02(3)--css伪类选择器
- css学习18:css3 flex流动自适应响应式布局实例
- 简单了解学习CSS的伪类(特别是hover,actived)
- CSS学习系列三:伪类和伪元素
- CSS-伪类学习
- 传智博客学习笔记18--JAVA SCRIPT css
- <学习CSS>第二天笔记-选择器(标签选择器、类选择器、css命名规范、谷歌案例、多类名选择器、id选择器、通配符选择器、伪类选择器)
- CSS学习之 伪类和伪元素
- CSS 伪类 学习
- 李洪强和你一起学习前端之(5)css书写位置 优先级和伪类
- CSS基础学习九:伪类
- css中类,ID,伪类等的学习心得
- 前端学习 --Css -- 子元素的伪类
- DIV+CSS 学习心得:分组,嵌套,伪类,伪元素