首页 > 技术文章 > 关于table的td和ul元素li隔行变色的功能实现

dongteng 2017-03-10 13:31 原文

table元素的td和ul元素li隔行变色的功能实现

利用css控制二者的样式轻松实现隔行换色:

例如:table的css样式控制:

table tr td{

  background-color:颜色1

}

table tr td:nth-child(2n+1){

   background-color:颜色2

}


ul的li样式控制

ul li{

  background-color:颜色1;

}

ul li:nth-child(2n+1){

   background-color:颜色2;

}

 

推荐阅读