ul的li第一个和最后一个的样式特殊处理

2019-11-22  本文已影响0人  没有卢果

第一个li的样式:li:first-child { background:#f00; }
最后一个li的样式:li:last-child { background:#000; }
第n个li的样式:li:nth-child(n) { background:#000; }
倒数第二个li的样式:nth-last-of-type(2){ background:#000; }
奇数列表:li:nth-child(odd) { background:#f00; }
偶数列表:li:nth-child(even) { background:#f00; }

上一篇下一篇

猜你喜欢

热点阅读