html - 在此上下文中，元素 blue 不允许作为元素 div 的子元素。 (抑制来自该子树的更多错误。)

Question

我的网站快完成了，但我又遇到了一个问题。 我的 header 必须如下所示:http://puu.sh/imtaC/1de833f93b.png 但遗憾的是它给出了一个错误.. 在此上下文中，元素 blue 不允许作为元素 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;
}

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

fiddle :http://jsfiddle.net/2p3sdrk3/