替代字母的不同的颜色在词

Question

我想给一个单词中的替换字母赋予绿色(或任何其他)颜色.

我怎么能用CSS做到这一点？ Jquery也适合我

提前致谢

Answer 1

演示在这里

HTML

<div class="try">
<span>G</span>
<span>d</span>
<span>d`s </span>

<span>O</span>
<span>w</span>
<span>n </span>

<span>C</span>
<span>o</span>
<span>u</span>
<span>n</span>
<span>t</span>
<span>r</span>
<span>y</span>

</div>

CSS

.try span:nth-of-type(even){
    color:green;
}
.try span:nth-of-type(odd){
    color:red;
}

Answer 2

如果你可以使用jQuery,你可以使用这段代码:

$( "span" ).each(function( index ) {
  var originalText = $( this ).text();
  var newText = "";
  for( var i = 0; i < originalText.length; i++)
  {
      if (i % 2 === 0)
        newText += "<span>" + originalText.charAt(i) + "</span>";  
      else
        newText += originalText.charAt(i);
  }
  $( this ).html(newText);
});

它取代了想要的字符与原来的跨度内的跨度,然后你就可以风格跨度.

小提琴:http://jsfiddle.net/m6RTW/