伪元素 | 学习笔记

开发者学堂课程【CSS 快速掌握：伪元素】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/611/detail/9207

伪元素

内容介绍

一、伪元素

一、伪元素

选择器                功能

:first-letter         操作当前元素中第一个字

:first-line           操作当前元素中第一行

:beforerw             在之前插入，在一一个盒子内部的最前面

:afterp               在之后插入，在一个盒子内部的最后面

/*.box:first-letter

如：操作当前元素中的第一个字

color:#f00;
font-size:40px;padding:20px;}*/

.box:first-line{color:#9F79EE;}

.box::before{/*如：要在当前元素的最前面插入文字必须将文字放上在content中*/Content：如“黑马程序员”;

.box::after/*要在当前元素的最后面插入文字*/ content: 如"hello";}