所属分类:web前端开发
css3属性双冒号代表该属性是一个伪元素选择器,是一个用于创建一些不在DOM树中的元素,并为其添加样式的选择器。css3伪元素有“::after”、“::before”、“::first-letter”、“::first-line”等等。
前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css3属性双冒号代表该属性是一个伪元素选择器。
伪元素是什么
伪元素直义理解就是"假元素"或者"伪装元素"。其实也可以这么理解, 伪元素实际上就是虚拟的元素,不存在的元素(code形式), 你也无发在文档中找到他们,因此说伪元素是虚拟元素。
伪元素是一个用于创建一些不在DOM树中的元素,并为其添加样式的选择器。
通过伪元素您不需要借助元素的 ID 或 class 属性就可以对被选择元素的特定部分定义样式。例如通过伪元素您可以设置段落中第一个字母的样式,或者在元素之前、之后插入一些内容等等。
CSS 中提供了一系列的伪元素,如下表所示:
伪元素 | 例子 | 例子描述 |
---|---|---|
::after | p::after | 在每个 <p> 元素之后插入内容 |
::before | p::before | 在每个 <p> 元素之前插入内容 |
::first-letter | p::first-letter | 匹配每个 <p> 元素中内容的首字母 |
::first-line | p::first-line | 匹配每个 <p> 元素中内容的首行 |
::selection | p::selection | 匹配用户选择的元素部分 |
::placeholder | input::placeholder | 匹配每个表单输入框(例如 <input>)的 placeholder 属性 |
(学习视频分享:css视频教程、web前端)
以上就是css3属性双冒号代表什么的详细内容,更多请关注zzsucai.com其它相关文章!