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

时间:2012-10-16 15:53:49

标签: css css3 pseudo-class

为什么我不能在我的第一行添加保证金?

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

http://jsfiddle.net/xtb5M/

2 个答案:

答案 0 :(得分:3)

根据 W3C ,margin属性不适用于first-line选择器:

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

  • 字体属性
  • color property
  • 背景属性
  • “字间距”
  • 'letter-spacing'
  • 'text-decoration'
  • “垂直对齐”
  • “文本变换”
  • “行高”

答案 1 :(得分:0)

你可以用行高

伪造它
p{
    margin-top:-10px;
}

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

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