css - 是否可以使用 CSS 来改变半个字( Logo 名称)的颜色？

Question

我有一个名为 Example 的 Logo 名称。

我希望 Exam 是蓝色的，le 是红色的。

我知道您可以使用 :first-letter 但我最多需要更改 4 个字符。这是唯一阻止我制作纯 CSS Logo 而不是使用图像的东西。

Answer 1

您可以将单个(我假设是一个跨度)分成 3 个独立的跨度。

<span class="blue logo">Exam</span><span class="logo">p</span><span class="red logo">le</span>

那么你的 css 可能看起来像这样

.blue {
    color: blue;
}

.red {
    color: red;
}

.logo {
    font-size: 33px;
    font-family: Helvetica;
}