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

概述示例代码： <p class="test">string</p> 我想改变最后一个字母的颜色，在这种情况下，“g”，但我需要解决方案与css，我不需要一个javascript解决方案。 我用字母显示字符串，我不能使用静态解决方案。 没有使用javascript，你唯一的选择是： <p class="test">strin<span class="other-color">g</span></p> 示例代码：

<p >string</p>

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

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

解决方法 没有使用JavaScript，你唯一的选择是：

<p >strin<span >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/

总结

以上是内存溢出为你收集整理的html – 更改最后一个字母的颜色全部内容，希望文章能够帮你解决html – 更改最后一个字母的颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。