工作-sass和css3选择器如何结合使用

最新推荐文章于 2021-08-03 19:26:20 发布

33子～

最新推荐文章于 2021-08-03 19:26:20 发布

阅读量169

点赞数

分类专栏：工作中接触到的

本文链接：https://blog.csdn.net/weixin_46254175/article/details/114033035

版权

工作中接触到的专栏收录该内容

41 篇文章 1 订阅

订阅专栏

背景： 最近一堆页面改版优化用户体验的需求，想着在旧页面还要兼容旧页面的代码，还不如自己重构一版来的快。所以连带了页面，样式都重写一版吧，哈哈哈哈哈，非常之爽啊～
在这里插入图片描述
情境：跨行展示不同的背景色
原代码在js中去判断的，可是css3选择器是不香嘛～，结合sass再结合BEM规范再结合CSS3～代码都节省了不止一点半点呀～

@include e(text) {
   width: 100%;
   height: 140rpx;
   padding:24rpx 30rpx;
   box-sizing: border-box;
   background: #FAFAFA;

   &:nth-child(2n + 1) {
       background: #FFFFFF;
   }
  }