css - Div 粗体和常规

Question

我不是 css 专家，但仍在努力学习最好的方法......

我有一个 div在那个 div 中，我正在显示一条消息，前半部分消息是粗体，后半部分是常规消息。像下面这样

让 JSONP 与简单的 WCF 服务一起工作有点复杂。

幸运的是，MSDN 上有一些示例代码可以为您完成；如何利用它并不明显。只需3个“简单”步骤!

我的css是这样的:

#formmsg.text-success
{
    color:black;
    font-weight:bold;
    margin:0px 0px 10px;
}

我的问题是，如何将样式用于粗体/常规样式，还是需要为此创建另一种样式？

Answer 1

你可以这样做...

HTML

<p>It’s a bit complicated to get JSONP working with a simple WCF service.</p>

<p>Luckily, there’s some sample code on MSDN to do it for you; it’s just not obvious how to take advantage of it.</p>

CSS

p:first-child {
   font-weight: bold;
}

请注意，这在 IE6 中不起作用。毫无疑问，您还将拥有更多 p页面上的元素，因此请在选择器中提供父元素。