教学内容     HTML篇 | CSS篇 | VBScript篇 | JavaScript篇 | ASP篇 |

第十一节 伪类

 

发布:刘声田  发布时间:2011-11-26  字体:【

一、:link

  基本语法
Selector : link { sRules }
使用说明
设置元素在未被访问前的样式。默认值由浏览器决定。
对于无 href 属性(特性)的 a 对象,此伪类不发生作用。
 

二、:hover

  基本语法
Selector : hover { sRules }
使用说明
设置对象在其鼠标悬停时的样式。
在CSS1中此伪类仅可用于 a 对象。对于无 href 属性(特性)的 a 对象,此伪类不发生作用。
在CSS2中此伪类可以应用于任何对象。

三、:active

  基本语法
Selector : active { sRules }
使用说明
设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
在CSS1中此伪类仅可用于 a 对象。对于无 href 属性(特性)的 a 对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且 :active 可以和 :link 以及 :visited 状态同时发生。

四、:visited

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

五、:focus

  基本语法
Selector : focus { sRules }
使用说明
设置对象在成为输入焦点(该对象的 onfocus 事件发生)时的样式。

六、:first-letter

  基本语法
Selector : first-letter { sRules }
使用说明
设置对象内的第一个字符的样式。
此伪对象仅作用于块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。 在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。

七、:first-line

  基本语法
Selector : first-line { sRules }
使用说明
设置对象内的第一行的样式。
此伪对象仅作用于块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
如果未强制指定对象的 width 属性, 首行的内容长度可能不是固定的。