Css Sass%运算符

我最近工作的一位开发人员离开了，在查看他的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

用于通过继承扩展类的属性

以前有人见过这个吗

这是一个问题

它们与类选择器非常相似，但不是在开始时使用句点（.），而是使用百分比字符（%）。占位符选择器有一个附加属性，它们不会显示在生成的CSS中，只有扩展它们的选择器才会包含在输出中

---

啊好的。从功能的角度来看，似乎名为

centerAll

的东西实际上不属于占位符选择器，更像是一个混搭。我花了很长时间试图通过谷歌找到它，但什么都没有出现，因为我搜索的是

sass模运算符

，而不是

百分号

。哦，科技的悲哀