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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/232782.html

猜你在找的HTML相关文章