CSS使每个字母都在不同颜色的文本中

时间:2014-11-20 10:40:49

标签: css letters

嗨我必须为每个字母制作一个颜色不同的文字。 我试过这样做,它有效。我想知道是否有更快的方法来实现这一点,只使用CSS。

p {font-size: 36px;
   font-family: sans-serif;
   }
.blue{color: blue;}
.rosso{color:red;}
.grigio{color:grey;}
.oro{color:gold;}
.fucsia{color:fuchsia;}
.verde{color:green;}
.giallo{color: yellow;}
.rosa{color:pink;}

我在html中使用它:

<p><span class="blue">F</span><span class="rosso">i</span><span class="giallo">l</span><span       class="verde">o</span></p>

1 个答案:

答案 0 :(得分:1)

您可以使用css nth子选择器 - p:nth-child()来执行此操作,根据您的要求在括号内添加项目编号(1,2,3等)并为其设置颜色。