Sass % 运算符 [重复]

Question

我最近工作的一位开发人员离开了，在查看他的 sass 代码后，我发现了这个：

%centerAll {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

我想说我对 sass 非常有经验，但我从未在 Sass 中看到任何使用这种模运算符的东西。更奇怪的是，这个“mixin”包含在代码中：

@extend %centerAll

据我所知，@extend 用于通过继承扩展类的属性。

有人见过这个吗？

Answer 1

这是placeholder selector。

它们与类选择器非常相似，但不是在开头使用句点 (.)，而是使用百分号 (%)。占位符选择器有一个额外的属性，它们不会显示在生成的 CSS 中，只有扩展它们的选择器才会包含在输出中。