本文详细介绍了CSS中的伪对象选择符，包括:first-letter、:first-line、:before、:after和:selection的用法。这些选择符分别用于选取元素的首字母、首行、在内容前插入内容、在内容后插入内容以及设置对象被选择时的样式。每个选择符都附带了相应的代码示例和注意事项。
目录
1，first-letter/:first-letter（用于选取指定选择器的首字母）
2，first-line/:first-line（用于选取指定选择器的首行）
3，before/:before（用于在被选元素的内容前面插入内容）
4，after/:after（用于在被选元素的内容后面插入内容）
五，伪对象选择符(权重：0001)
1，first-letter/:first-letter（用于选取指定选择器的首字母）
写法：元素 :first-letter {属性：值} 或
元素 ::first-letter {属性：值} ==> (:first-letter选择器用于选取指定选择器的首字母（常被用来配合font-size属性和float属性制作首字下沉效果）)
代码块及效果：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>CSS ::first-letter选择器</title>
<style>
.p1:first-letter {font-size:50px;}
.p2::first-letter {float:left;font-size:100px;}
</style>
</head>
<body>
<h1>h1</h1>
<p class="p1">title,content</p>
<div>
<h1>h2</h1>
<p class="p2">title2,content2</p>
</div>
</body>
</html>
注：仅作用于块对象，内联对象要使用该伪对象，必须先将其设置为块级对象。first-letter选择符不能紧挨着规则集大括号，需留有空格或换行。
2，first-line/:first-line（用于选取指定选择器的首行）
写法：元素 :first-line {属性：值} 或
元素 ::first-line {属性：值} ==> (:first-line选择器用于选取指定选择器的首行)
代码块及效果：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
最低0.47元/天 解锁文章
扫一扫
3438
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
