如何在tumblr上使h2样式的文本为两种颜色

Question

我正在我的tumblr博客上写作，我正试图让h2风格的文本变成两种颜色。这就是我所拥有的：

<h2 style="padding: 20px 20px 30px; margin-top: 2px; text-align: center; position: relative;">Harley Quinn</h2>

我想要"；哈雷；为红色；奎因"；变成黑色。我不知道怎么做。

我已经尝试过了，当我还在编辑页面时，它仍然有效，但一旦我单击保存并离开，[span style]部分就会消失。

<h2 style="padding: 20px 20px 30px; margin-top: 2px; text-align: center; position: relative;"><span style="color:#9C0000">Harley</span> Quinn</h2>

谢谢！

Answer 1

试试这个，如果它不起作用，请给我你的URL地址，也许其他地方有问题：(

<h2 style="padding: 20px 20px 30px; margin-top: 2px; text-align: center; position: 
relative;"><span style="color:#9C0000!important">Harley</span> <span 
style="color:#000000!important">Quinn</span></h2>

Answer 2

我创建了两个类似的方法，但为了抽象它们，我将内联样式分离为简单的类名。然而，我不建议使用这些类名，这纯粹是为了说明目的。

HTML

<h2 class="red">Harley <span class="black">Quin</span></h2>
<h2><span class="red">Harley</span> Quin</h2>

CSS(用于两者(

.black {
color: #000;
}
.red {
color: #f00;
}

由于黑色是默认的字体颜色，第二种方法使用较少的标记。

此处为JSFIDDLE示例