2

在 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;
}

谢谢。

4

2 回答 2

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;
}

您也可以将<div>element 与 property 一起使用display:inline，因此它将与文本的其余部分内联。

于 2013-05-19T13:51:30.423 回答
0

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

您可以使用许多 HTML 元素（例如strong、b、span），但关键是您需要一些元素。您可以使用默认以粗体显示的元素，也可以使用 CSS 设置样式。

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

于 2013-05-19T13:58:21.240 回答