css大胆的第一个字

Question

如何使用CSS选择器加粗句子的第一个单词，这对于浏览器的可比性是一个好/坏的方法吗？

代码：

  <h2>this is a sentence</h2>

THX

Answer 1

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

Answer 2

使用Span类创建一个名为bold的类并在类中包装第一个单词。

.bold {
font-weight:bold;
}

然后

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

Answer 3

我把这个词放在<b>First</b>

之间

Answer 4

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

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

以下是JS Fiddle

Answer 5

现在的CSS选择器现在允许这样做。

所以我改变了第一行的方法。

<强> HTML

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

<强> CSS

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