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

Question

因此，基本上，我想制作一个标签，例如，以便将其放置在h元素或p元素中时，会将文本变成红色。

def pretty_print(pp)
  pp.text(
    "#<".concat(self.class.name, " ", to_s, " ", @added || "-", ">")
  )
end  

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

Answer 1

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

style="color:red;"

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

CSS：

.redText {
    color:red;
}

HTML：

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