• 技术文章 >web前端 >前端问答

    css3属性双冒号代表什么

    青灯夜游青灯夜游2022-03-18 18:09:13原创84

    css3属性双冒号代表该属性是一个伪元素选择器,是一个用于创建一些不在DOM树中的元素,并为其添加样式的选择器。css3伪元素有“::after”、“::before”、“::first-letter”、“::first-line”等等。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    css3属性双冒号代表该属性是一个伪元素选择器。

    伪元素是什么

    伪元素直义理解就是"假元素"或者"伪装元素"。其实也可以这么理解, 伪元素实际上就是虚拟的元素,不存在的元素(code形式), 你也无发在文档中找到他们,因此说伪元素是虚拟元素。

    伪元素是一个用于创建一些不在DOM树中的元素,并为其添加样式的选择器。

    通过伪元素您不需要借助元素的 ID 或 class 属性就可以对被选择元素的特定部分定义样式。例如通过伪元素您可以设置段落中第一个字母的样式,或者在元素之前、之后插入一些内容等等。

    CSS 中提供了一系列的伪元素,如下表所示:

    伪元素例子例子描述
    ::afterp::after在每个 <p> 元素之后插入内容
    ::beforep::before在每个 <p> 元素之前插入内容
    ::first-letterp::first-letter匹配每个 <p> 元素中内容的首字母
    ::first-linep::first-line匹配每个 <p> 元素中内容的首行
    ::selectionp::selection匹配用户选择的元素部分
    ::placeholderinput::placeholder匹配每个表单输入框(例如 <input>)的 placeholder 属性

    (学习视频分享:css视频教程web前端

    以上就是css3属性双冒号代表什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:css3中阴影分为几类 下一篇:css3样式前缀有哪些
    PHP编程就业班

    相关文章推荐

    • css3的变形功能包括哪种类型• css3动画只循环一次用什么属性• css3怎么实现图片消失动画效果• css3怎么设置动画几秒后播放• css3过渡属性有几种

    全部评论我要评论

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

    PHP中文网