Question

注意，我无法进入html添加id。另外，请注意，我已经找到了jquery斑马条教程但是不能让它适用于这种情况。

我有这样的链接（我更改了域名）。

 <li class="tab tab-home current"><a href="http://yourmamaisyourmama.com">submitpics@yourmamaisyourmama.com</a></li>

请注意，网址将始终相同，因为它是网页上的主页链接。

为了使电子邮件地址更易于阅读，我希望在红色和蓝色之间使用替换颜色，其中submitpics @为黑色，全部在白色背景上。

submitpics@ = black
Your=blue
Mama=Red
Is=blue
Your=blue

我知道Jquery可以为行做斑马条纹，但这是不同的，我还没能弄明白。

这些是当前确定CSS的默认样式

 .menu .current-menu-item a:hover {
    color: red;
    background: #fff

}

有人能给我一些指导吗？

Answer 1

编辑2

因此您无法编辑HTML。好。这样做：

$(function(){
    $('.tab.tab-home.current a').html('submitpics@
    <span class="class1">your</span><span class="class2">mama</span>... etc');
});

然后相应地更新您的CSS。基本上你只是用你想要的东西替换内容。

修改

所以听起来你提前知道了这个网址。那很棒。如果您希望地址更改颜色，则不需要jQuery。只需将所有内容包装在span s：
中
<a href="whatever.com">submitpics@ <span class="class1">your</span><span class="class2">mama</span>... etc

除非你知道URL提前是什么，或者你的网址是Pascal（或者你有一个可以阅读和理解英语的引擎），否则真的没有办法做到这一点。除了TLD之前的@和.之外，您需要分享一些内容，而通用电子邮件地址则不具备此功能。您可以做的最好的事情是将@符号前的字符串设为一种颜色，将域名设为另一种颜色，将TLD设为另一种，而不知道URL将提前是什么。

也就是说，如果您提前知道URL是什么，或者您有一个特定的字符串，那么您可以做各种奇特的事情。但听起来你不会，所以，是的。

抱歉brah

Jquery可以替换文本的颜色，

1 个答案: