活动时使导航字两种颜色

Question

我的客户希望在主导航菜单中列出的九个链接中有一个链接，当它处于活动状态时为两种颜色。

这个词是STREAT，他们希望STR是来自网站的纯灰色，而EAT是特定的蓝色。

这可能不会影响其他八个导航项吗？顺便说一下，那些活跃的时候都是公司的红色。我们正在为此网站使用Wordpress主题。

感谢您的帮助！

Answer 1

您可以在单词中使用span标记，并将css提供给有效的li span 这是一个例子：

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

Answer 2

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

http://jsfiddle.net/YMUAE/

html：

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

css：

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