Как создать собственный HTML-тег, который меняет цвет текста всего внутри него?

Question

Так что в основном я хочу сделать тег, например, чтобы при помещении в элемент h или элемент p текст внутри него становился красным.

<p>Hello <r>World!</r> I'm a sentence!</p>

такой, как этот. мир!" будет красным, в то время как остальное будет цветом текста по умолчанию, который я установил для тега p. Я знаю HTML и CSS.

Answer 1

Попробуйте добавить этот атрибут в теги HTML по мере необходимости:

style="color:red;"

Обратите внимание, что это не лучшая практика. Лучший способ сделать это - создать класс, который устанавливает свойства всех своих элементов style на red. Кроме того, вместо использования пользовательского элемента, такого как r, попробуйте использовать span (спасибо Брайану в комментариях). Например:

CSS:

.redText {
    color:red;
}

HTML:

<p>Hello <span class="redText">World!</span> I'm a sentence!</p>