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

1
投票

我把这个词放在

<b>First</b>

之间

Answer 5

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

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

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 有一个更平滑的选项。

Answer 7

如何将字典单词列表中的 15,000 个第一个词条和文本编辑中的例句中的相同单词加粗

Iyequi. v.t.等待。阿特雷；等等；厄胡耶；埃托克托马； iyekui;ehuyepa;埃胡耶。