在此上下文中，不允许元素蓝色作为元素 div 的子元素。（抑制来自该子树的更多错误。）答案

【问题标题】：Element blue not allowed as child of element div in this context. (Suppressing further errors from this subtree.)在此上下文中，不允许元素蓝色作为元素 div 的子元素。（抑制来自该子树的更多错误。）
【发布时间】：2015-08-28 23:38:59
【问题描述】：

我的网站快完成了，但我又遇到了一个问题。我的标题必须如下所示：http://puu.sh/imtaC/1de833f93b.png 但遗憾的是它给出了一个错误.. 在这种情况下，蓝色元素不允许作为元素 div 的子元素。（抑制来自该子树的更多错误。）

这是我的 HTML 代码：

<img src="images/icon-small.png" class="small-modal" alt="Small Icon"/> <blue>S</blue>t<blue>3</blue>fan<blue>[</blue>NL<blue>]</blue> - <blue>A</blue>bout

这是我的 CSS 代码：

blue{
    color: #2793cd;
    font-family: "Exo", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
}

【问题讨论】：

为什么要使用自定义标签？另外，为什么需要将<blue></blue> 中的每个字符/几个字符都包含在内？
...等等。那是包装 HTML 的 img 标记吗？请改用<div>。
查看主帖中的图片。我想要那种颜色效果，但我不知道如何实现它..
这不是 img 的东西，St3fan[NL] - About is text
啊……好的。尝试不使用自定义标签。

标签： html css validation element

【解决方案1】：

不要使用自定义标签，只需使用span 标签并对其进行适当的分类。

像这样：

HTML

<span class="blue">S</span>t<span class="blue">3</span>fan<span class="blue">[</span>NL<span class="blue">]</span> - <span class="blue">A</span>bout

CSS

.blue{
    color: #2793cd;
    font-family: "Exo", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
}

小提琴：http://jsfiddle.net/2p3sdrk3/

【讨论】：