伪元素 | 学习笔记

简介: 快速学习伪元素。

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

相关文章
|
5月前
|
前端开发
伪类,伪元素有什么,区别是什么
伪类,伪元素有什么,区别是什么
123 0
|
17天前
|
JavaScript 容器
哪些标签存在伪元素,伪类和伪元素的区别
哪些标签存在伪元素,伪类和伪元素的区别
|
22天前
|
前端开发
伪类是什么?
伪类是什么?
31 3
|
11月前
|
前端开发 JavaScript
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
106 1
|
前端开发
伪类和伪元素的区别?
伪类和伪元素的区别?
|
前端开发 搜索推荐 容器
伪元素的应用
伪元素的应用
伪元素的应用
|
前端开发
CSS基础教程8——伪元素和浮动
选择器::before{css...},在父元素前添加,选择器::after{css...},在父元素之后添加,选择器::first-line{css...},用于向文本的首行设置特殊样式 选择器::first-letter{css...},用于向文本的首字母设置特殊样式 伪元素可以多个一起使用
CSS基础教程8——伪元素和浮动
|
前端开发 开发者
伪类 | 学习笔记
快速学习伪类
伪类 | 学习笔记
|
前端开发
笔记|使用CSS选择器(使用伪元素选择器)
使用CSS选择器(使用伪元素选择器)
91 0
笔记|使用CSS选择器(使用伪元素选择器)
html+css实战114-伪元素
html+css实战114-伪元素
145 0
html+css实战114-伪元素