Первая часть текста — чёрная, а вторая — белая, как сделать?

Question

[Данил Полянский]

<h1>Этот текст чёрный, а этот красный</h1>

Вся основа пусть будет своего прежнего цвета, слово "чёрный" - черного цвета, слово "красный" - красного цвета. Как сделать подобное?

Answer 1

[Алексей Ярков]

Обернуть каждую часть фразы в span и покрасить

Answer 2

[Иван Клименко]

Вёрстку всё же придётся поменять. Можно так:

index.html

<h1>
    <span class="black">Этот текст чёрный,</span>
    <span class="red">а этот красный</span>
</h1>

style.css

.black {
    color: black;
}

.red {
    color: red;
}

Answer 3

[DanielMcRon]

<h6 style="color:red" >Тут красный </h6>

Ну на чёрный не надо вроде, он и так же чёрный :)