Html CSS格式第二行与第一行不同

Html CSS格式第二行与第一行不同,html,css,Html,Css,当文本换行到第二行时,是否有任何方法纯粹使用CSS(或“适当”标记)来设置段落第二行的样式?一个位置合适的就可以了,但我认为这不是好的标记或搜索引擎优化 具体来说,假设我有一段2行长的文字。我希望第二行的宽度比第一行宽。所以这一段有点像金字塔。但我不想为了美丽而使用任何不合适的方法 例如: <p>I am a very long sentence where my second line is longer.</p> 我是一个很长的 我的第二行较长的句子 您可以使用:

当文本换行到第二行时,是否有任何方法纯粹使用CSS(或“适当”标记)来设置段落第二行的样式?一个位置合适的

就可以了,但我认为这不是好的标记或搜索引擎优化

具体来说,假设我有一段2行长的文字。我希望第二行的宽度比第一行宽。所以这一段有点像金字塔。但我不想为了美丽而使用任何不合适的方法

例如:

<p>I am a very long 
sentence where my second line is longer.</p>
我是一个很长的
我的第二行较长的句子

您可以使用:

请参见:-调整窗口大小,在第一段中生成第二行

p:第一线{
颜色:红色
}
p{
颜色:蓝色
}

以防万一,这可能就是你想要的:

p{
空白:预处理
}

您可以使用:first-line伪类来设置第一行的样式,并且暗示第二行将返回默认样式

见:


请记住,如提琴中所示,“第二行”在HTML中不是指第二行,因为在HTML中,换行符与普通空格字符相同。“第二行”是指浏览器上显示的第二行。@Bolt:谢谢。我明白了这一点,并在我的回答中添加了一个解释句。请注意,您不能使用以下选项进行框格式设置::first-line伪元素类似于内联级元素,但有一定的限制。以下属性适用于:第一行伪元素:字体属性、颜色属性、背景属性、“字间距”、“字母间距”、“文本装饰”、“文本转换”和“行高”。UAs也可以应用其他属性。“啊,这就是我刚刚意识到的!我认为这些都不能帮助我缩小第一行的宽度。在我写下答案后,你是在你的问题中添加了第二段,还是我没有注意到?当你考虑第二段时,我目前的回答对你没有帮助。这是最初的问题,但我想我需要澄清一下。我希望段落是正常的,即没有换行符。所以
我是一个很长的句子….

。通过下面提供的样式,我可以成功地将第一行设置为着色,而不是宽度。我试过
width:50%
width:50px
margin right:50px
padding:30px
,但它对宽度没有影响。我理解你现在在追求什么(尽管仍然让人困惑:p),而且我99%确信CSS无法单独做到这一点。你必须使用JavaScript。好吧,你确认了我的理论!;)不行。我将放弃这种样式化尝试。是的,对于这样的事情,坚持使用CSS是有意义的。如果你好奇的话,JavaScript应该是一个非常精简的版本:/