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;
}

Answer 2

从html5开始，您可以创建自定义元素。这将有效（我确定chrome和firefox）

<style>
  green {
    color: green;
  }
  red {
    color: red;
  }
</style>
<green>Green text</green>
<red>Red text</red>

在浏览器中使用检查器，找出你的样式定义或html的错误。

在css中添加颜色标签

2 个答案: