css第一个单词加粗

Question

如何使用 CSS 选择器将句子的第一个单词加粗？就浏览器可比性而言，这是一个好还是坏的方法？

代码：

<h2>this is a sentence</h2>

Answer 1

CSS 中没有 ::first-word 伪元素；您必须将第一个单词包装在额外的元素中，然后选择它。

Answer 2

当前的 CSS 选择器不允许这样做。

所以我改变了方法，将第一行加粗。

HTML

<h2>this<br> is a sentence</h2>

CSS

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

Answer 3

使用 Span 类

因此，创建一个名为“bold”的类，并将该类中的第一个单词换行。

.bold {
font-weight:bold;
}

然后

<h2><span class="bold">the</span> brown fox</h2>

Answer 4

我已将单词放在 First 之间

Answer 5

只需将第一个单词放在强标记中即可。

<h1><strong>This</strong> is how you do it simply.</h1>

这是 JS Fiddle

Answer 6

如果可以选择 PHP：

$string = "I've got a wonderful feeling";
$arr = explode(' ',trim($string));
$first = $arr[0];
$all_but = str_replace ("$first ","",$string);

这将为您提供第一个单词以及字符串的其余部分。然后您可以单独设计每个样式。毫无疑问，$all_but 有一个更平滑的选项。