Html 激活时使导航词具有两种颜色

我的客户希望在主导航菜单中列出的九个链接中有一个链接在激活时为两种颜色

单词是STREAT，他们希望STR是网站上的纯灰，EAT是特定的蓝色

这是否可能在不影响其他八个导航项的情况下实现？顺便说一句，激活时这些都是公司的redish颜色。我们正在为这个网站使用Wordpress主题

---

谢谢你的帮助

您可以在一个单词中同时使用

span

标记，并将

css

交给活动的

li

span

以下是一个例子：

.menu li
{
   color:#f00;
}
.menu li.active
{
   color:#00f;
}

---

这是我的小提琴，希望我能正确理解你的问题：

html:

<a href="#">
    <span class="color_one">STR</span>
    <span class="color_two">EAT</span>
</a>

a {
    text-decoration:none;
}
a:active > .color_one {
    color:red;
}
a:active > .color_two {
    color:blue;
}
.color_two {
    margin-left:-5px;
}