将悬停效果应用于多个li

里查

我有ul5个关注li

现在是有办法,我可以申请不同的悬停效果到每个立而不给予id每个li

<ul class="navigate">
       <li>One</li>
       <li>two</li>
       <li>Three</li>
       <li>Four</li>
       <li>Five</li>
 </ul>

还是我有必要给ID/Class每个李???

查尔斯·英加尔斯

您可以使用:nth-​​child()选择器将不同的悬停效果应用于每个li元素。

http://www.w3schools.com/cssref/sel_nth-child.asp

例子

ul.navigate li:hover:nth-child(1) {
   background: black;
}

ul.navigate li:hover:nth-child(2) {
   background: red;
}

等等...

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章