什么和＆amp;做css

Question

我正在查看一些遗留代码，并在css文件中找到类似下面的内容：

.user_modal {
  width: auto;
  height" auto;
  &.modal,
  &.fade.in
  {
    margin-top:0;
    margin-left:0;
    top:83px;
  }
 }

＆amp;的目的是什么？在这？

Answer 1

看起来像Sass或LESS。它的user_modal与其中的其他类不是它的孩子。 &是对其上方元素/类的引用。

Answer 2

您可能对 SASS 选择器感到满意。 sass中的 ampersand &用于指代父选择器。因此，在您的情况下，&将引用父选择器.user_modal

所以&.modal将转换为CSS并成为.user_modal.modal

所以它会匹配：

<div class='user_modal modal'></div>

与&.fade.in匹配

的方式相同

<div class='user_modal fade in'></div>

所以最后它在你转换它之后才变成普通的CSS：

.user_modal.modal , .user_modal.fade.in {
    margin-top:0;
    margin-left:0;
    top:83px;
}