首页 >web前端 >前端问答 >css3属性双冒号代表什么

css3属性双冒号代表什么

青灯夜游
青灯夜游原创
2022-03-18 18:09:132092浏览

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

css3属性双冒号代表什么

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

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

伪元素是什么

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

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

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

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

伪元素 例子 例子描述
::after p::after 在每个

元素之后插入内容

::before p::before 在每个

元素之前插入内容

::first-letter p::first-letter 匹配每个

元素中内容的首字母

::first-line p::first-line 匹配每个

元素中内容的首行

::selection p::selection 匹配用户选择的元素部分
::placeholder input::placeholder 匹配每个表单输入框(例如 )的 placeholder 属性

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

以上是css3属性双冒号代表什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn