CSS字体粗体-内联

Question

在CSS中，我如何只加粗电话号码，使其与语句的其余部分保持一致，但数字却是加粗的？

而不是在HTML中这样做：

 <div class="bubbleContent">&#8250; Start posting jobs today–
<strong> 01234 567 890</strong></div>

HTML：

<div class="content">&#8250; Call me – 01234 567 890</div>

CSS：

div.bubbleContent  
{
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top: 15px;
}  

谢谢。

Answer 1

您可以使用如下示例所示的<span>：

HTML

<div class="content">&#8250; Call me – <span class="highlight">01234 567 890</span></div>

CSS

div.content
{
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top: 15px;
}

span.highlight
{
font-weight:bold;
}

您还可以使用带有属性display:inline的<div>元素，这样它将与文本的其余部分内联。

Answer 2

你不能。在CSS中，你不能在不以某种方式使其成为元素的情况下设置文本的样式(除非它可以被称为伪元素，但这目前仅适用于第一个字母和第一行)。

您可以使用许多HTML元素(如strong、b、span)，但重点是您需要一些元素。您可以使用默认情况下以粗体显示的元素，也可以使用CSS设置其样式。

不过，您可以使用JavaScript客户端生成元素。为此，您需要指定要识别的电话号码的语法，确保只有电话号码在将使用的内容中与其匹配。