学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>css>>基础教程>>

CSS基础教程(二十) 伪类

发布时间:2020-01-16点击:

    CSS伪类是用来添加一些选择器的特殊效果的。

    一、anchor伪类

    a:link {color:#FF0000;} /* 未访问的链接 */
    a:visited {color:#00FF00;} /* 已访问的链接 */
    a:hover {color:#FF00FF;} /* 鼠标划过链接 */
    a:active {color:#0000FF;} /* 已选中的链接 */
    以上均是anchor伪类(PS:上述是链接的四种状态,其中hover必须在visited后面,否则将不起作用)、伪类可以与CSS类组合使用

    二、CSS :first-child 伪类

    :first-child是用来选择父元素的第一个子元素的。

    1、选择第一个<p>元素

    p:first-child
    {
        color:blue;
    }
    上面的CSS代码意思是选择第一个<p>标签元素进行渲染,其他<p>标签元素不会受影响。

    2、选择所有<p>元素中的第一个<i>元素

    p > i:first-child
    {
        color:blue;
    }

    三、CSS - :lang 伪类

    :lang 伪类使你有能力为不同的语言定义特殊的规则

    注意:IE8必须声明<!DOCTYPE>才能支持;lang伪类。

    在下面的例子中,:lang 类为属性值为 yes 的q元素定义字体颜色的类型:

    q:lang(yes) {color:'red';}
    学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~
赞一个(0)     踩一个(0)    

相关链接