开发者学堂课程【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";}