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元素，因此请在选择器中提供父元素。

Answer 2

<p><b>It’s a bit complicated to get JSONP working with a simple WCF service.</b></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. Here it is in 3 “easy” steps!</p>

OR

<p class="bold">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. Here it is in 3 “easy” steps!</p>

用css

.bold{
font-weight:bold;}

Answer 3

您可以使用Javascript动态更改样式以更改CSS或更改您的课程。因此，您可以创建另一个没有粗体字体和更改类的类。或者您可以自行更改font-weight：bold。在这种情况下，我倾向于另一个类，因为它在语义上更正确。你如何做到这取决于你是使用纯Javascript还是框架。

Div大胆而有规律

3 个答案:

HTML

CSS