jquery - 是否可以使用 css 进行第二行刷新？

Question

我正在为垂直列中的 CSS 菜单设置样式。如果菜单项不适合，我希望溢出正确。

|                    |
| o Item             |
| o Item             |
| o Longer link that |
|         doesn't fit|
|                    |

我尝试在第一行使用伪选择器执行此操作:

<style>
p {
   text-align:right;
   background-color:pink;
   }

p:first-line
   {
   text-align:left;
   background-color:yellow;
   }
</style>

但文本对齐的第一行新值被忽略，而背景颜色被接受。

答:这在 CSS 中可行吗？ B:如果没有，你能建议一个简单的非 CSS 解决方法吗？

Answer 1

text-align 属性不能与 :first-line 伪选择器一起使用

允许的属性是，

1. 字体属性
2. 颜色属性
3. 背景属性
4. ‘字间距’
5. ‘字母间距’
6. ‘文字装饰’
7. ‘垂直对齐’
8. ‘文本转换’ 9.‘行高’

在 here 上查看

更好的方法是使用 span 标签包裹文本，然后应用样式。