如何使用css在不同的行之间设置不同的样式？

Question

有一个文本，它可能是一行或多行，我想在一行时设置任何样式（例如background-color: red），在2行时设置background-color: black。（注意：两者都为< strong>整个文本而不是第一/第二/ ...行）

有没有办法实现这个？（不要使用javascript）

Answer 1

正如我在评论中提到的，仅使用CSS是不可能的。假设您想要以不同颜色应用文本的第一行，而将某些其他颜色的剩余行应用于其他颜色，则可以使用CSS3选择器::first-line。

＆＃13;

＆＃13;

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

＆＃13;

<p>This is a somewhat long HTML
paragraph that will be broken into several
lines. The first line will be identified
by a fictional tag sequence. The other lines
will be treated as ordinary lines in the
paragraph.</p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

p:first-line { background-color: red}
p{
     background-color:black
}