如何创建自定义 HTML 标记来更改其中所有内容的文本颜色？

【问题标题】：How to create a custom HTML tag that changes the text color of everything inside it?如何创建自定义 HTML 标记来更改其中所有内容的文本颜色？
【发布时间】：2018-10-31 13:47:23
【问题描述】：

所以基本上我想制作一个标签，例如，当放置到 h 元素或 p 元素中时，会将文本变为红色。

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

诸如此类。世界！”将是红色，而其余的将是我为 p 标签设置的默认文本颜色。我知道 HTML 和 CSS。

【问题讨论】：

r 不是有效的自定义元素名称，这种工作最好留给em 或其他具有描述为什么你的语义的标准元素想要改变颜色（这对于搜索引擎和屏幕阅读器来说是更好的食物）。
试试看this
定义元素后，为该元素定义css。

标签： html css colors

【解决方案1】：

尝试根据需要将此属性添加到您的 HTML 标记中：

style="color:red;"

请注意，这不是最佳做法。 最好的方法是创建一个类，将其所有元素的 style 属性设置为 red。此外，不要使用像 r 这样的自定义元素，而是尝试使用 span（感谢 cmets 中的 Bryan）。例如：

CSS：

.redText {
    color:red;
}

HTML：

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

【讨论】：

我还推荐一个跨越“自定义”HTML 元素的跨度。
如果这对您有所帮助，如果您将我的答案标记为已接受的解决方案并支持该帖子，我将不胜感激。感谢您发帖。