如何使用SASS删除选择器的重复项

如何使用SASS删除选择器的重复项,sass,Sass,正如您所见,上面的代码有这么多重复的CSS选择器如何正确使用SCS删除这些重复?您可以使用&并执行以下操作: ul, ol { list-style-type: none; margin: 0; padding: 0; } ul.default, ol.default { padding-left: 1.5em; margin-bottom: 0.75em; } ul.default { list-style-type: decimal; } ol.default

正如您所见,上面的代码有这么多重复的CSS选择器如何正确使用SCS删除这些重复?

您可以使用
&
并执行以下操作:

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.default,
ol.default {
  padding-left: 1.5em;
  margin-bottom: 0.75em;
}

ul.default {
  list-style-type: decimal;
}

ol.default {
  list-style-type: disc;
}

您没有重复的CSS选择器。
ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;

  &.default {
    padding-left: 1.5em;
    margin-bottom: 0.75em;
  }
}

ul.default {
  list-style-type: decimal;
}

ol.default {
  list-style-type: disc;
}