小编典典

更改最后一个字母的颜色

html

示例代码:

<p class="test">string</p>

我想更改最后一个字母的颜色,在这种情况下为“ g”,但我需要使用CSS的解决方案,不需要JavaScript解决方案。

我逐个字母显示字符串,我不能使用静态解决方案。


阅读 358

收藏
2020-05-10

共1个答案

小编典典

不使用JavaScript,您唯一的选择是:

<p class="test">strin<span class="other-color">g</span></p>

编辑您的小提琴链接

我不太确定为什么您说您不需要JavaScript解决方案,因为您已经有了很多解决方案。无论如何,在此示例中,您只需要进行一些小更改。将第10行从

elem.text(elem.text() + contentArray[current++]);

if ( current == contentArray.length-1 ) {
    elem.html(elem.html() + "<span style='color:red'>"+contentArray[current++]+"</span>");
} else {
    elem.html(elem.html() + contentArray[current++]);
}

需要注意的是它使用的是非常重要的.html(),而不是.text()现在,因为有实际被插入HTML标记。

2020-05-10