自定义CSS标签

Question

我正在开发一个聊天应用程序。消息显示全部是html，因此html标签适用于文本格式。如果<red></red>等标签会改变文字颜色，我希望如此。无论如何要定义这样的新标签，还是我只需要用真实的html替换假标签？

Answer 1

在所有现代浏览器中，您可以在字面意义上使用自己的标记（但请注意其不有效的HTML / XHTML标记）：

<red>some red text</red>

然后在CSS中：

red { color: red; }

但是在IE8及以下版本中，您需要使用一些JavaScript来允许Internet Explorer设置“化妆”标记的样式（与您激活新的HTML5标记的方式相同，例如article，{{1等等。

section

这是a JSFiddle illustrating the above。

Answer 2

不，坚持<span class="red"></span>会更安全。这是HTML而不是XML / XSLT。

Answer 3

你可以使用LessCSS，它基本上是CSS的“预处理器”。还有.NET version。

预处理器理解简单变量，内置函数和类似的辅助构造，使您无需编写重复代码。

一个例子是：

@brand_color: #4D926F;

#header {
  color: @brand_color;
}

h2 {
  color: @brand_color;
}