段落内のテキストの一部を選択するCSS

Question

"br"バッジがHTMLを編集するまでCSS3のテキストの一部を選択することは可能です。 私はこの部分を選択します：

下図のようにあなたがfirst-line修飾子を使用することができます

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

Answer 1

"Loremのイプサムは、単にダミーテキストです"：

p:first-line { 
    color: red; 
} 

として@ JordanSが正しく強調表示されている場合、これが失敗するケースがあります。堅牢なソリューションの場合は、HTMLを更新するか、javascriptを使用します。

https://jsfiddle.net/01c5tbst/

更新：後世のために

ソリューションは、実際にはページの最初にマッチした要素の最初の行にスタイルを適用することが望ましいので、最終的な解決策は、実際にこのでした：

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