css中，我想把文章的第一行设置单独的样式

背景：

我想把文章的第一行设置单独的样式。

方式1：

我把第一行单独用一个p标签包裹。但是页面是响应式的，随着页面的缩放，第一行的文字被挤到第二行甚至第三行，

完全不符合我的需求。

于是，我思考，有没有什么css选择器，可以直接选中文章的第一行。

结果还真被我找到了。

/* 伪元素选择器，优先级：1 */
	p::first-line {
        font-weight: bold;
        color: red;
     }

查看效果符合需求。