html - 在 css 中添加颜色标签

Question

是否可以在 css 中设置一个颜色标签，它会改变被它包围的文本的颜色。像这样:

<green>this is green</green>

上面的文字哪里是绿色的？我想让这些标签可供用户输入，以便他们可以更改所写文本的颜色。

在我的 css 文件中，我尝试添加这个:

green {
  color: green;
}

但是当我尝试在聊天中使用标签时它不起作用。

我唯一能做的就是将它添加到 css 中:

span {
  color: green;
}

如果我用 <span> 包围我想要的任何文本和 </span>标签，该文本显示为绿色。

但是虽然这可行，但还不够好，因为我想实现其他颜色，而且只有一个 span 标签，所以这只给了我两种颜色选择(原始颜色和绿色)。

执行此操作的正确方法是什么？

我也试过在 css 中不输入任何内容，并使用类似这样的东西(在聊天行中):

<span style="green">this is green</span>

但这也行不通。

非常感谢，我对这部分网络开发真的很陌生。

Answer 1

例如，您可以创建基本上可以完成您所描述内容的类

HTML

<h1 class="pink">This is a pink heading</h1>

<p>This is some text this color is <span class="yellow">yellow</span>, this color is <span class="blue">blue</span></p>

CSS

.yellow{
   color: yellow;
}

.blue{
   color: blue;
}
.pink{
   color: pink;
}