css在div中加粗第一行

Question

我在一个页面上有一堆像以下一样的div。在css中是否有一种方法可以在第一行（<br/>之前）加粗？所以，在这种情况下，我希望客户以粗体显示。

<div>
Customer
<br/>
John Doe
</div>

Answer 1

是的，您正在寻找:: first-line伪元素。

所以基本上你做的是：

div::first-line{
 font-weight:bold
}

Answer 2

使用:first-line pseudo-element：

＆＃13;

＆＃13;

div::first-line {
    font-weight:bold;
}

＆＃13;

<div>
Customer
<br/>
John Doe
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

使用伪元素::first-line

div::first-line {
  font-weight:700;
}

<div>
Customer
<br/>
John Doe
</div>

Answer 4

有一个::first-line选择器。根据{{​​3}}，它得到了广泛的支持。 MDN QuirksMode。

Answer 5

我不太擅长css，但希望这个伪元素 doucmentation有助于更多地依赖于伪选择器。 感谢@MKN网络解决方案提供了出色而快速的答案。

http://www.w3.org/TR/css3-selectors/#first-line