CSS2手册:伪类 [:link :hover :active :visited :focus etc..

  • :link

    版本:CSS1  兼容性:IE4+ NS4+


    语法:
     
    Selector : link { sRules }
     
    说明:
     
    设置a对象在未被访问前的样式表属性。
    IE3将:link伪类的样式表属性作用于visited伪类。
    默认值由浏览器决定。
    对于无href属性(特性)的a对象,此伪类不发生作用。
    请参阅body对象的link属性(特性)和document对象的linkColor特性。详见我编写的其他书目。
     
    示例:
     
    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。
     
    示例:
     
    a:hover { font-size: 14pt; text-decoration: underline; color: blue; }
    a:hover span{ color:red; }

    -------------------------------------------------
    :active

    版本:CSS1/CSS2  兼容性:IE4+


    语法:
     
    Selector : active { sRules }
     
    说明:
     
    设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
    在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。
    目前IE5.5+仅支持CSS1中的:active。
     
    示例:
     
    a:active { font-size: 14pt; text-decoration: underline; color: blue; }

    -------------------------------------------------
    :visited

    版本:CSS1  兼容性:IE4+ NS4+


    语法:
     
    Selector : visited { sRules }
     
    说明:
     
    设置a对象在其链接地址已被访问过时的样式表属性。
    IE3将:link伪类的样式表属性作用于visited伪类。
    默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。
    对于无href属性(特性)的a对象,此伪类不发生作用。
    请参阅body对象的vlink属性(特性)和document对象的vlinkColor特性。详见我编写的其他书目。
     
    示例:
     
    a:visited { font-size: 14pt; text-decoration: underline; color: blue; }

    -------------------------------------------------
    :focus

    版本:CSS2  兼容性:NONE


    语法:
     
    Selector : focus { sRules }
     
    说明:
     
    设置对象在成为输入焦点(该对象的onfocus事件发生)时的样式表属性。
    目前IE5.5尚不支持此属性。
     
    示例:
     
    a:focus { font-size: 14pt; text-decoration: underline; color: blue; }
    a:focus img { border: thin solid green }

    -------------------------------------------------
    :first-letter

    版本:CSS2  兼容性:IE5.5+


    语法:
     
    Selector : first-letter { sRules }
     
    说明:
     
    设置对象内的第一个字符的样式表属性。
    此伪对象仅作用于块对象。内联对象要使用该伪对象,必须先设定对象的height或width属性,或者设定position属性为absolute,或者设定display属性为block。
    在此伪类中配合使用font-size属性和float属性可以制作首字下沉效果。
     
    示例:
     
    p a:first-letter { color: green }
    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属性, 首行的内容长度可能不是固定的。
     
    示例:
     
    p a:first-line { color: green }
    div:first-line { color:red;font-size:16px; }

    -------------------------------------------------
    :first-child

    版本:CSS2  兼容性:NONE


    语法:
     
    Selector1 Selector2 : first-child { sRules }
     
    说明:
     
    设置对象(Selector1)的第一个子对象(Selector2)的样式表属性。
    目前IE5.5尚不支持此伪类。
     
    示例:
     
    p a:first-child { color: green }
    table td:first-child { width:200px; }
    -------------------------------------------------
    :first版本:CSS2  兼容性:IE4+


    语法:
     
    Selector : first { sRules }
     
    说明:
     
    设置页面容器第一页使用的样式表属性。仅用于@page规则。
     
    示例:
     
    @page :first { margin: 4cm }


    -------------------------------------------------
    :left版本:CSS2  兼容性:IE4+


    语法:
     
    Selector : left { sRules }
     
    说明:
     
    设置页面容器位于装订线左边的所有页面使用的样式表属性。仅用于@page规则。
     
    示例:
     
    @page :left { margin: 4cm }
     

    -------------------------------------------------
    :right版本:CSS2  兼容性:IE4+


    语法:
     
    Selector : right { sRules }
     
    说明:
     
    设置页面容器位于装订线右边的所有页面使用的样式表属性。仅用于@page规则。
     
    示例:
     
    @page :right { margin: 4cm }

    -------------------------------------------------

    :lang版本:CSS2  兼容性:NONE


    语法:
     
    Selector : lang { sRules }
     
    说明:
     
    设置对象使用特殊语言的内容样式表属性。
    目前IE5.5尚不支持此属性。
     
    示例:
     
    blockquote:lang(fr) { quotes: '?' ' ?' }
    //使用法语显示由quotes属性指定的法语的嵌套标记

  • 你可能感兴趣的:(Active)