css - 是否可以为 ap:first-line 添加边距

Question

为什么我不能像这样在 p 的第一行添加边距？

p:first-line{
 color:red; /* ok */
 margin-bottom:20px; /* nothing */
}

http://jsfiddle.net/xtb5M/

Answer 1

根据W3C，边距属性不适用于first-line选择器：

::first-line 伪元素类似于内联元素，但有一些限制。以下 CSS 属性适用于 ::first-line 伪元素：

• 字体属性
• 颜色属性
• 背景属性
• '字间距'</li>
• '字母间距'
• '文字装饰'
• '垂直对齐'</li>
• '文本转换'</li>
• '行高'</li>

Answer 2

你可以用 line-height 伪造它

p{
    margin-top:-10px;
}

p:first-line{
  color:red;  
  line-height: 40px;      
}​

http://jsfiddle.net/willemvb/Y9M28/