首行与首字 - first-line, first-letter

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

想要选择每个段落里的第一行文字,去应用点特点的样式 … 可以使用 ::first-line 这个伪元素选择器 … 选择第一行里的第一个文字,可以使用 ::first-letter 这个伪元素选择器 … 注意伪元素选择器的都是用两个冒号开头的 …

测试

这里我们去选择这个文档里的每个段落的第一行 … 然后应用一个加粗文字的样式 …

p::first-line {
font-weight: bold;
}

你会发现,段落里面只有第一行文字是加粗的 … 而且我们如果改变窗口大小 … 始终会把第一行文字加粗显示 …

下面再去试试 ::first-leter …

p::first-letter {
color: #0E90D2;
font-size: 30px;
float: left;
letter-spacing: 5px;
}

文档里面,只有段落里的第一行里面的第一个字符应用了我们设计的样式 …

首行与首字 - first-line, first-letter《 CSS:选择器 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点