css жирный шрифт первое слово

Question

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

код:

  <h2>this is a sentence</h2>

ТНХ

Answer 1

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

Answer 2

Используйте класс Span

Создайте класс с именем bold и оберните первое слово в классе.

.bold {
font-weight:bold;
}

Затем

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

Answer 3

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

Поэтому я изменил свой подход, чтобы выделить первую строку жирным шрифтом.

HTML

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

CSS

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

Answer 4

просто поместите первое слово в сильную метку.

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

Вот это JS Fiddle

Answer 5

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