选择段落CSS中的部分文本

Question

可以在CSS3中选择部分文字，直到“br”徽章whitout编辑html。 我想选择这一部分：

  

“Lorem Ipsum只是虚拟文本”

<p>Lorem Ipsum is simply dummy text <br/> 
of the printing and typesetting industry.</p>

Answer 1

您可以使用first-line修饰符，如下所示：

p:first-line { 
   color: red;
} 

正如@JordanS正确地突出显示的那样，有些情况会失败。要获得强大的解决方案，您可以更新HTML或使用javascript。

https://jsfiddle.net/01c5tbst/

<强>更新

对于后人来说，解决方案实际上只希望将样式应用于页面上第一个匹配元素的第一行，所以最终的解决方案实际上就是这样：

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