首页 > 其他 > 详细

隔行变色(奇数行变色、偶数行变色、n行分组,每组n行变色)

时间:2021-02-24 23:50:11      阅读:39      评论:0      收藏:0      [点我收藏+]
 /* :nth-of-type(odd)奇数行  */
  /* .el-table th:nth-of-type(odd),
  .el-table tr:nth-of-type(odd) {
    background: #d1ffec;
  } */

  /* :nth-of-type(even)偶数行  */
  /* .el-table th:nth-of-type(even),
  .el-table tr:nth-of-type(even) {
    background: #ffcc00;
  } */

  /* :nth-child(4n+1)从第一行开始算起 每隔4个(包含第四个)使用此样式  */
  /* .el-table th:nth-child(4n+1),
  .el-table tr:nth-child(4n+1) {
    background: #00ccff;
  } */

  /* :nth-child(4n+2)从第二行开始算起 每隔4个(包含第四个)使用次样式  */
  /* .el-table th:nth-child(4n+2),
  .el-table tr:nth-child(4n+2) {
    background: #090;
  } */

  /* :nth-child(4n+3)从第三行开始算起 每隔4个(包含第四个)使用次样式  */
  /* .el-table th:nth-child(4n+3),
  .el-table tr:nth-child(4n+3) {
    background: #009;
  } */

  /* :nth-child(4n+4)从第四行开始算起 每隔4个(包含第四个)使用次样式  */
  /* .el-table th:nth-child(4n+4),
  .el-table tr:nth-child(4n+4) {
    background: #990;
  } */

 

隔行变色(奇数行变色、偶数行变色、n行分组,每组n行变色)

原文:https://www.cnblogs.com/DeerLin/p/14441562.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!