• 技术文章 >web前端 >css教程

    css伪元素是用来干嘛的

    VV2020-11-12 14:23:03原创822

    css伪元素是用来添加一些选择器的特殊效果的,例如【:first-line】伪元素用来向文本首行设置特殊样式,【:first-letter】伪元素用于向文本的首字母设置特殊样式。

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

    (学习视频分享:css视频教程

    伪元素的语法:

    selector:pseudo-element {property:value;}

    CSS类也可以使用伪元素:

    selector.class:pseudo-element {property:value;}

    举例:

    :first-line 伪元素

    "first-line" 伪元素用于向文本的首行设置特殊样式。

    在下面的例子中,浏览器会根据 "first-line" 伪元素中的样式对 p 元素的第一行文本进行格式化:

    p:first-line {
        color:#ff0000;    
        font-variant:small-caps;
    }

    注意:"first-line" 伪元素只能用于块级元素。

    :first-letter 伪元素

    "first-letter" 伪元素用于向文本的首字母设置特殊样式:

    p:first-letter {
        color:#ff0000;    
        font-size:xx-large;
    }

    注意: "first-letter" 伪元素只能用于块级元素。

    相关推荐:CSS教程

    以上就是css伪元素是用来干嘛的的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 伪元素
    上一篇:css如何隐藏溢出来的文字 下一篇:css兼容性有哪些处理方式
    线上培训班

    相关文章推荐

    • css如何使用伪元素清除浮动• 伪元素“::after”和“::before”的作用分别是什么• css中的伪元素有什么作用• 伪类和伪元素的使用方法介绍

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网