Css 使用较少的混合器对中

这是一个不太新手写的

我试着用较少的混合器水平居中，但它不起作用。这是我的语法吗？其他较少的设置正在工作

减：

html:

---

您使用的是SASS语法，而不是更少

我想这就是你想要的：

.centerH {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#homepage_boxes {
    width: 25%;
    .centerH;
    top: 0;
}

您在示例代码中实际使用了下面正确的语法：

.parent {
  position: relative;
}
#screen1 {
    .parent;
}

.parent样式的行为类似于mixin，但也以类为目标。 如果您希望它不针对类工作，而只作为mixin工作，那么可以使用括号使其看起来像一个函数：

.centerH() {

---

这将允许其他选择器将.centerH用作mixin，但不会将.centerH本身输出到生成的CSS文件中。

您使用的是SASS语法，而不是更少

我想这就是你想要的：

.centerH {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#homepage_boxes {
    width: 25%;
    .centerH;
    top: 0;
}

您在示例代码中实际使用了下面正确的语法：

.parent {
  position: relative;
}
#screen1 {
    .parent;
}

.parent样式的行为类似于mixin，但也以类为目标。 如果您希望它不针对类工作，而只作为mixin工作，那么可以使用括号使其看起来像一个函数：

.centerH() {

---

这将允许其他选择器将.centerH用作mixin，但不会将.centerH本身输出到生成的CSS文件中。

对我来说是SCSS，而不是更少。对我来说是SCSS，而不是更少。