实现隔行换色效果的两种方式

纯CSS方式实现隔行颜色交替、鼠标经过高亮颜色：

 
 
 ul{list-style:none}

 li:nth-child(odd){background-color:#eee}
 li:hover{background-color:Yellow}
 


 

 
111
 
111
 
111
 
111
 
111
 
111
 
111
 

js方式实现隔行颜色交替、鼠标经过高亮颜色：

 
 
 
 .alter-item {
  background-color: #eee;
 }

 .hightlight {
  background-color: Yellow;
 }
 

 


 

 
111
 
222222222
 
111
 
444444444444444444444
 
111
 
111
 
111
 

以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持考高分网！