美文网首页
CSS隔行换色

CSS隔行换色

作者: Cherry丶小丸子 | 来源:发表于2019-08-29 17:20 被阅读0次
    #list1 li:nth-of-type(odd){ background:#00ccff;}奇数行 
    #list1 li:nth-of-type(even){ background:#ffcc00;}偶数行 
    #list1 li:nth-child(odd){ background:#00ccff;}奇数行 
    #list1 li:nth-child(even){ background:#ffcc00;}偶数行 
    #list2 li:nth-child(4n+1){ background:#00ccff;}从第一行开始算起 每隔4个(包含第四个)使用此样式 
    #list00000 li:nth-child(4n+2){background:#090;}从第二行开始算起 每隔4个(包含第四个)使用次样式 
    #list00000 li:nth-child(4n+3){background:#009;}从第三行开始算起 每隔4个(包含第四个)使用次样式 
    #list00000 li:nth-child(4n+4){background:#990;}从第四行开始算起 每隔4个(包含第四个)使用次样式 
    

    相关文章

      网友评论

          本文标题:CSS隔行换色

          本文链接:https://www.haomeiwen.com/subject/qifwectx.html