html – 更改最后一个字母的颜色

示例代码：

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

我想改变最后一个字母的颜色，在这种情况下，“g”，但我需要解决方案与css，我不需要一个javascript解决方案。

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

解决方法

没有使用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()很重要，因为实际上有样式。

工作小提琴：http://jsfiddle.net/QTUsb/2/

原文地址：https://www.jb51.cc/html/232782.html