是否可以使用CSS改变半个单词（徽标名称）的颜色？

我有一个名为Example的logo

我希望考试是蓝色的，考试是红色的

---

我知道您可以使用：第一个字母，但我需要最多更改4个字符。这是阻止我制作纯CSS徽标而不是使用图像的唯一原因。

假设您可以修改标记，您可以重新包装文本：

<span class="branding-highlight">Exam</span>ple
.branding-highlight {color:red;}

示例
.品牌突出显示{颜色：红色；}

---

CSS还没有访问的机制。如果会的话，浏览器采用它将需要时间——上面的示例将保持最佳支持。

您可以按照O.V的建议使用此方法！：

---

示例

您可以将单个跨距（我假设是一个跨距）拆分为3个单独的跨距

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

h1{ 字号：0； } h1：之前{ 内容：“Examp”； 颜色：#0000ff； 字体大小：32px； } h1：之后{ 内容:"乐";； 颜色：#ff0000； 字体大小：32px； } 例子

---

嘿，我想你想这样做

这是css部分

.logo{
    font-size: 33px;
    font-family: Helvetica;
    color:red;
}
.logo > span{
    color:blue;
}

<div class="logo">
    Exam
    <span>ple</span>
</div>

这是HTML部分

.logo{
    font-size: 33px;
    font-family: Helvetica;
    color:red;
}
.logo > span{
    color:blue;
}

<div class="logo">
    Exam
    <span>ple</span>
</div>

考试
ple

---

现在查看live demo

我知道您已经接受了答案，但我想我会使用jQuery提供这种方法，因为它可能对您或这个问题的未来读者有用

HTML:

<span class="logo">Example</span>

.logo{
   color:blue;
}

$('.logo').each(function() {
    $(this).html(
        $(this).html().substr(0, $(this).html().length-3)
        + "<span style='color: red'>"
        + $(this).html().substr(-3)
        + "</span>");
});

jQuery:

<span class="logo">Example</span>

.logo{
   color:blue;
}

$('.logo').each(function() {
    $(this).html(
        $(this).html().substr(0, $(this).html().length-3)
        + "<span style='color: red'>"
        + $(this).html().substr(-3)
        + "</span>");
});

$（'.logo'）。每个（函数（）{
$（this.html）(
$（this.html（）.substr（0，$（this.html（）.length-3）
+ ""
+$（this.html（）.substr（-3）
+ "");
});

---

即使不修改标记，也可以：

文件标题
h1{
显示：内联块；
保证金：0；
线高：1米；
字体系列：Helvetica、Arial、无衬线字体；
字体大小：粗体；
字体大小：100px；
背景：线性梯度（向右，#1c87c9 50%，#8ebf42 50%）；
背景剪辑：文本；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
}
R
这是一个半风格的角色

在基于Webkit的浏览器上很容易，所以如果您只针对Chrome或Safari…：）只需将其切割成

span

段，并分别设置样式即可。它容易携带，不需要CSS5。@Amadan CSS5？你来自未来吗？@MathewMacLean:哈哈。。。是的，是的，我是。（对不起，愚蠢的打字错误，那…）或者也许过去的我认为你需要CSS5有

：第一个n个字符（3）

，我不想修改标记，但我很高兴我现在知道没有办法做我想做的事，所以我不再继续搜索答案。谢谢你的时间。谢谢，我也做了同样的事情，但不是字体大小的部分。它是完美的，直到我意识到我也需要链接标题。如果你有一个指向其他地方的索引的备用链接，你可能会将其重新定位到标识上。