如何使用CSS使最后一段中的第一句话加粗? 我还想在这个段落顶部添加额外的填充,以便它可以环绕一个图片。如果我增加浮动图像的底部填充,段落将不会贴在图像左侧边缘下方,而是沿着右侧流动 - 这不是我想要的效果。我给“p”元素绑定了一个类,因为我只想影响某个段落(我没有看到“:last-child”伪元素,也不知道您是否可以在一个元素或类上使用两个伪元素)。
#wf_mainContent_left p.last_wfp:first-line {
padding-top:20px;
font-weight:bold;
color:red;
}
HTML
<p class="last_wfp">This is the first sentence that I want bold and red. This is the second
sentence that I don't want that treatment.</p>
当我只想要第一句话加粗时,这个代码却将两个句子都加粗,即使它们在同一行上。根据这篇教程,应该可以做到只让第一句话加粗。并且,这不会影响填充。我试过添加<br>
标签,但它会添加太多的空格。我还尝试了给<br>
标签设置样式,但根据我刚刚阅读的这篇文章,这是不可能的。无论如何,我只想让第一行加粗,而不是两个句子。