Как изменить цвет текста в html?

Question

Есть строка:

<span class="cafe-site">Сайт:www.com.ua</span>

Нужно чтобы "сайт:" был обычным черным цветом, без изменений, а текст "www.com.ua" - красным

Помогите)

Answer 1

Вероятно, это не из лучших решений, но

Оберните слово "Сайт" в тег <em>:

<span class="cafe-site"><em class="site">Сайт:</em>www.com.ua</span>

И обратитесь к нему через css

Answer 2

В идеале обернуть нужное в отдельный тег и его уже редактировать.

.cafe-site > span {
  color: red;
}

<span class="cafe-site">Сайт:<span>www.com.ua</span></span>

Или же использовать инлайновые стили:

<span class="cafe-site">Сайт:<span style="color:red">www.com.ua</span></span>