Html 如何使用值设置跨度样式

我想用值设置span的样式，我想将文本“黄色”设置为黄色；“红”的颜色为红色；下面是示例代码：

黄色

红色

要实现这一目标，您必须将两个类设置为

红色

和

黄色

，然后在

span

字段中分配这些类。在CSS中，必须为字段设置

color

属性

请检查此处的代码：

.red{
颜色：红色
}
黄先生{
颜色：黄色
}

黄色

红色

我知道这个问题中没有提到jQuery，但如果您使用它，您可以这样做：

$(".all-color").each(function () {
    $(this).css("color", $(this).text());
});

代码会根据您放置的颜色名称更改文本颜色：）

span[data vc grid filter value=“.vc_grid-term-1”]{
显示：块；
颜色：红色；
}

您能使用html数据属性吗？有什么特别的吗？我不知道你想要什么，但我可以帮你做一个基本的造型…请再看一遍问题。我看了问题。你想要黄色字体的文本和红色字体的文本？不错，但是浏览器没有定义的颜色呢？看起来它在颜色上有一些限制。@AdamAzad我同意你的观点，确实有限制。但根据问题，它应该是基于你把它的颜色名称。这是我想到的最简单的：）显示属性必须设置为将垂直填充或边距应用于跨度。只要告诉您以后是否需要它，这正是我所需要的，仅用css完成，就可以了！非常感谢。