我有ul
5个关注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] 删除。
我来说两句