Css полужирное первое слово

Как я могу выделить первое слово предложения с помощью селекторов CSS и является ли это хорошим/плохим способом сделать это в отношении сопоставимости браузеров?

код:

  <h2>this is a sentence</h2>

ТНХ

Ответ 1

В CSS нет псевдоэлемента ::first-word; вам придется обернуть первое слово в дополнительный элемент и затем выбрать его.

Ответ 2

Использовать класс Span

Итак, создайте класс, называемый полужирным, и оберните первое слово в классе.

.bold {
font-weight:bold;
}

Тогда

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

Ответ 3

Я положил слово между <b>First</b>

Ответ 4

просто положите первое слово в сильный тег.

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

Вот JS Fiddle

Ответ 5

Существующие селектора CSS теперь позволяют это.

Поэтому я меняю свой подход на полужирный в первой строке.

HTML

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

CSS

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