时间戳

首页 > 解决方案 > 如何使用 sass 将 -fluid 添加到具有子名的类中

css - 如何使用 sass 将 -fluid 添加到具有子名的类中

问题描述

我在 scss 中有这段代码：

.container.home-tec.air-50{ 
    width: 95%; <br>
  padding-right: 15px; 
  padding-left: 15px; 
  margin-right: auto; 
  margin-left: auto; 
}

我希望容器变成容器流体我试过这样做：

$grid__bp-md: 768; 
.container.home-tec.air-50 { 
  max-width: 950px; 
  margin: 0 auto; 
  &-fluid { 
    margin: 0; 
    max-width: 100%; 
  } 
}

但最后它仍然是这样：
container home-tec air-50-fluid
我想要的是：
container-fluid home-tec air-50
我正在更改一个 wordpress 页面，但我无法获得 html，有人可以帮忙吗？请

标签： csssass

解决方案

这有帮助吗？

//SCSS
.container {
  &.home-tec.air-50 {
    max-width: 950px;
    margin: 0 auto;
  }
  &-fluid {
    margin: 0;
    max-width: 100%;
  }
}

//Generated output (CSS)
.container.home-tec.air-50 {
  max-width: 950px;
  margin: 0 auto;
}
.container-fluid {
  margin: 0;
  max-width: 100%;
}

推荐阅读