Html 为什么文本对齐不适用于第一行伪元素？

我想对齐一些段落，第一行应该向左对齐，第二行应该向右对齐。如果我用pseudo元素这样设置，它就不起作用了

例如：

.title{
  text-align: right;
}
.title:first-line{
  text-align: left;
  font-weight: bold
}

第一行是粗体的，但没有与左侧对齐。

---

有没有办法让这起作用？我正在Chrome上测试它。

以下属性可用于：一线：

• 字体属性
• 颜色特性
• 背景属性
• 字距
• 字母间距
• 文字装饰
• 垂直对齐
• 文本转换
• 线高
• 清楚的

---

第一行呈现为内联伪元素；因此，

文本对齐

属性不能应用于它

由于其性质，无法更改第一行文本的对齐方式；它始终遵循其父块容器的文本对齐方式。您甚至无法更改其显示方式，例如，您无法使用

display:none

将其隐藏，或使用

display:inline block

将其转换为内联块以尝试应用

文本对齐

属性

此外，规范列表，例如仅适用于某些特性：

：：first-line

伪元素类似于内联级元素，但有一定的限制。以下CSS属性适用于

：第一行
伪元素：字体属性、颜色属性、背景属性、“字间距”、“字母间距”、“文本装饰”、“垂直对齐”、“文本转换”、“行高”。UAs也可以应用其他属性

如果需要以不同方式对齐第一行，则必须将第一行的内容包装在另一个元素中，例如
，然后将该
作为宽度为100%的内联块。只有这样，您才能应用
文本对齐：left
，它才能工作。当然，困难的部分是确定第一行的确切组成部分，除非你使用像

这样的固定断点，在这种情况下，只需将第一个

之前的所有内容包装在
中，我建议避免链接和引用w3schools，因为它包含严重过时的信息……我不认为他是指删除引用链接本身。他的意思是引用完全不同的消息来源。此外，引号没有像代码一样标记-有关引用其他源代码的帮助，请参阅和。
The ::first-line selector is used to add a style to the first line of the specified selector.

 The following properties can be used with ::first-line: 

    font properties
    color properties 
    background properties
    word-spacing
    letter-spacing
    text-decoration
    vertical-align
    text-transform
    line-height
    clear

The ::first-line selector can only be used with block-level elements.