CSS3:如何仅在手动换行后更改样式

时间:2016-06-03 11:36:40

标签: html css list css3

我尝试格式化列表:第一行应该是粗体,第二行不应该。但只有,如果中断是手动完成的:

HTML

<ul>
<li>This is a long list entry, and the second line should not be formated other than the first line, beacuse this looks stupid</li>
<li>This is a headline<br />After the line break, the text should not be bold anymore</li>
</ul>

CSS

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

https://jsfiddle.net/kgf39vwk/

我不能添加更多的段落或div或其他东西,因为这是由TinyMCE编辑器编辑的内容,对于用户来说会更加复杂,请手动执行此格式化。

有人有想法吗?

1 个答案:

答案 0 :(得分:1)

我无法通过css看到实现这一目标的任何方法。但你可以使用jQuery:

$('li').not(':has(br)').addClass('all_bold');

小提琴:https://jsfiddle.net/kgf39vwk/2/