已解决
CSS中常用的伪元素选择器
来自网友在路上 11188118提问 提问时间：2023-11-21 18:04:23阅读次数： 118
最佳答案 问答题库1188位专家为你答疑解惑
伪元素，表示页面中一些特殊的并不真实存在的元素（元素的位置）
1，::first-letter 表示第一个字母
2，::first-line 表示第一行
3，::selection 选中的内容
4，::before 元素的开始位置
5，::after 元素的结束位置
before和after必须要结合content使用
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><style>/* lorem 生成随机英文段落下载Chinese Lorem插件，jw 生成随机中文段落 *//* 需求一：让文章的首字母一直为字体为24px */p::first-letter {font-size: 24px;}/* 需求二：让文章的第一行添加背景色黄色 *//* 需求三：让选中的内容，字体为红色 *//* 需求四：在元素开始的位置前+'abc' */p::before{content: '你好';color:red}</style></head><body><q>hello</q><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro fugiat maiores sit ex expedita beatae, sint quisquam amet quod cupiditate, tempora omnis impedit deleniti, iure fuga illoquibusdam. Alias, soluta?</p></body>
</html>查看全文
99%的人还看了
相似问题
- 〖大前端 - 基础入门三大核心之JS篇㊲〗- DOM改变元素节点的css样式、HTML属性
- CSS中常用的伪元素选择器
- XmlElement注解在Java的数组属性上，以产生多个相同的XML元素
- Web 自动化神器 TestCafe(二)—元素定位篇
- 代码随想录算法训练营第一天|数组理论基础，704. 二分查找，27. 移除元素
- 代码随想录算法训练营第五十九天 | LeetCode 739. 每日温度、496. 下一个更大元素 I
- JAXB：用XmlElement注解复杂类型的Java属性，来产生多层嵌套的xml元素
- Arcgis js Api日常天坑问题3——加载geojson图层，元素无属性
- 〖大前端 - 基础入门三大核心之JS篇㊳〗- DOM访问元素节点
- 力扣.82删除链表中的重复元素（java语言实现）
猜你感兴趣
版权申明
本文"CSS中常用的伪元素选择器"：http://eshow365.cn/6-41438-0.html 内容来自互联网，请自行判断内容的正确性。如有侵权请联系我们，立即删除！