美文网首页
伪类 与 伪元素

伪类 与 伪元素

作者: WPeach | 来源:发表于2017-03-11 14:22 被阅读0次

    伪类的种类

    伪类 作用
    :active 将样式添加到被激活的元素
    :focus 将样式添加到被选中的元素
    :hover 但鼠标悬浮在元素的上方时,向元素添加样式
    :link 将样式添加到未被访问的链接
    :visited 将样式添加到被访问的链接
    :first-child 将样式添加到元素的第一个子元素
    :lang 定义指定元素中使用的语言

    伪元素的种类

    伪元素 作用
    :first-letter 将样式添加到文本的首字母
    :first-line 将样式添加到文本的首行
    :before 元素之前的样式
    :link 元素之后的样式

    w3c中的定义

    伪类:用于向某些选择器添加特殊的效果
    伪元素: 用于将特殊的效果添加到某些选择器

    理解

    伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。

    css3为了区分二者,明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。

    参考文献:https://segmentfault.com/a/1190000000484493

    相关文章

      网友评论

          本文标题:伪类 与 伪元素

          本文链接:https://www.haomeiwen.com/subject/vcbagttx.html