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

这是一个占位符选择器.

它们与类选择器非常相似,但不是在开头使用句点(.),而是使用百分比字符(%).占位符选择器具有它们不会在生成的CSS中显示的附加属性,只有扩展它们的选择器才会包含在输出中.