css粗體第一行

Question

我在一頁上有一堆像下面這樣的div。有沒有辦法在CSS粗體第一行（在<br/>之前）？因此，在這種情況下，我希望客戶以粗體顯示。

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

Answer 1

是的，您正在尋找:: first-line僞元素。

所以基本上你會怎麼做：

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

Answer 2

使用僞元素::first-line

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

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

Answer 3

使用:first-line pseudo-element：

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

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

Answer 4

有一個::first-line選擇。根據QuirksMode，它得到了廣泛的支持。 MDN provides more information。

Answer 5

我不太擅長css，但希望這個僞元素 doucmentation幫助更多的依靠僞選擇器。 和感謝@MKN網絡解決方案，以獲得最佳和快速的答案。

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