是否可以将不同的样式应用于单词中的不同字母？

Question

让我们说，我有'测试'字样。是否有可能让我们说，第一个字母（T）红色，第二个（e） - 绿色和粗体和最后（t） - 只是大胆？ 我可以在符号上打破并应用不同的风格，但也许我可以不分裂地做到这一点？

Answer 1

您可以将特定颜色和样式应用于元素的:first-letter，但除此之外：不，没有JavaScript，这是不可能的;除非每个字母（或一对字母）都包含在自己的元素中。

div {
    color: black;
}

div:first-letter {
    color: red;
}

JS Fiddle demo, using :first-letter

Answer 2

没有。有些浏览器实现:first-letter（并非全部），但没有:nth-letter(2)之类的东西。

Answer 3

很长的路：示例：http://jsfiddle.net/9a9GM/

HTML

    <ul>
<li class='t'>T</li><li class='e'>e</li><li class='s'>s</li><li class='t2'>t</li>
    </ul>

CSS

li
{
    display:inline;
    font-size: 20px;
    padding-right: 1px;
}

.t{ color:red;}
.e{ color:blue;}
.s{ color:pink;}
.t2{ color:green;}