嗨我必须为每个字母制作一个颜色不同的文字。 我试过这样做,它有效。我想知道是否有更快的方法来实现这一点,只使用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>
答案 0 :(得分:1)
您可以使用css nth子选择器 - p:nth-child()
来执行此操作,根据您的要求在括号内添加项目编号(1,2,3等)并为其设置颜色。