想要选择每个段落里的第一行文字,去应用点特点的样式 … 可以使用 ::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;
}
文档里面,只有段落里的第一行里面的第一个字符应用了我们设计的样式 …