如何使H2样式文本在tumblr上成为两种颜色？

问题描述

我正在tumblr博客上写文章，并试图将h2样式的文本设为两种颜色。这就是我所拥有的：

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

我希望“ Harley”为红色，而“ Quinn”为黑色。我不知道该怎么做。

我已经尝试过了，并且在我仍在编辑页面时也可以使用，但是一旦单击“保存并离开”，[span style]部分就会消失。

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

谢谢！

解决方法

尝试一下，如果它不起作用，请向我提供您的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>

,

我创建了两个工作原理相似的方法，但是为了抽象化它们，我将内联样式分为简单的类名。但是，我不建议您使用这些类名，这纯粹是出于说明目的。

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示例here