在

Question

我正在另一个人的网站上运行一些编辑，他们问我是否可以编辑可重复p元素的第一行。以下是构建内容的示例：

<p>
Cum soluta nobis eleifend option congue nihil imperdiet doming id.
<br>
Cum soluta nobis eleifend option congue nihil imperdiet doming id.
<br>
Cum soluta nobis eleifend option congue nihil imperdiet doming id.
</p>

所以我的问题是 - 无需更改或添加HTML，我能用css定位第一行文本吗？

Answer 1

first-line伪元素可以执行此操作，但请在此处检查浏览器兼容性https://developer.mozilla.org/en-US/docs/Web/CSS/::first-line

p::first-line {
  color: red;
}

<p>
  Cum soluta nobis eleifend option congue nihil imperdiet doming id.
  <br>Cum soluta nobis eleifend option congue nihil imperdiet doming id.
  <br>Cum soluta nobis eleifend option congue nihil imperdiet doming id.
</p>