是否可以將不同的樣式應用於單詞中的不同字母？

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;}