调整存档模版样式的需求:tag最后一个是奇数,给最后一个设置样式;tag最后一个是偶数,给最后两个设置样式

116 阅读1分钟
// --- tag最后一个是奇数,给最后一个设置样式
.tag:last-child{
  // 最后一行并且是奇数 
  &:nth-child(odd){
    border-bottom: none;
    width: 100%;
  }
}

// --- tag最后一个是偶数,给最后两个设置样式
.tag:last-child{
  // 最后一行并且是偶数
  &:nth-child(even){
    // border-bottom-color: red;
    border-bottom: none;
  }
}

.tag:nth-last-child(2){
  // 倒数第二行并且是奇数
  &:nth-child(odd){
    // border-bottom-color: red;
    border-bottom: none;
  }
}