Как применить несколько стилей к HTML только к части заголовка? - PullRequest
Новая
       41

Как применить несколько стилей к HTML только к части заголовка?

0 голосов
/ 02 июля 2019

Итак, у меня есть текст "осталось всего 3 дня" Какой я, что сделать цвет # EF5F3C а также сделать смелым тоже. Игнорировать стиль остальной части предложения.

Пример изображения того, что я пытаюсь достичь:

screenshot of expected rensult

Я пытался использовать несколько встроенных стилей для стилизации HTML, который работает для цвета, размера шрифта и т. Д., Но не является сильным или em. 

<div class="copy">
  <h6> <span style="color:#EF5F3C;"><strong>Only 3 days left</strong></span> to fund this project</h6>
  <p>Join the <strong>42 </strong> other donors who have already supported this project. Every dollar helps</p>
</div>

1 Ответ

2 голосов
/ 02 июля 2019

h6 уже выделен жирным шрифтом по умолчанию.

Я сделал и пример, где вы можете увидеть его с h6 и обычным тегом p.

enter image description here

h6 span {
  font-weight: bold;
  color: #EF5F3C;
}

p span {
  font-weight: bold;
  color: #EF5F3C;
}
<h6><span>Only 3 days left</span> to fund this project</h6>

<p><span>Only 3 days left</span> to fund this project</p>
...