Как выделить другим цветом фрагмент текста CSS

Такой эффект может пригодиться в заголовках, для того чтобы выделить фрагмент текста или привлечь внимание к элементу на сайте. Чтобы выделить фрагмент текста можно использовать span, задать ему класс и прописать свойство color с нужным цветом.

Пример

Lorem Ipsum

HTML


<p>Lorem <span class="text-oc">Ipsum</span></p>
      

CSS


.text-oc{
  color: #ff6247;
}