SCSS中的LESS等价物[重复]

Posted 2023-03-06

【中文标题】SCSS中的LESS等价物[重复]

【英文标题】：LESS equivalent in SCSS [duplicate]

【发布时间】：2016-01-07 15:39:03

【问题描述】：

在 LESS 中，您可以在另一个类中重用一个类的样式...即

.class1
  display: none;

.class2
  .class1();

应该编译成...

.class1
  display: none;

.class2
  display: none;

虽然我知道这是一个毫无意义的例子。我试图找出 SASS/SCSS 是否有能力仅引用现有类并复制样式而无需创建 mixin？

有this question。这里的答案修改了原来的“扩展”类。我正在寻找从原始类中复制样式。不将第二个的类名添加到第一个类中。

【问题讨论】：

@cimmanon，这是同一个问题，但它从来没有得到我想要的答案。

您期待什么样的答案？没有人隐瞒你想要的“答案”。 Sass 中只有一个功能可以完成与您所要求的功能相近的任何事情，并且已经在该问题中表达了。

如果是这样就好了，但我想引用我希望复制的功能。如果是这样的话……就这样吧。我从来没有想过有人会“隐瞒”一个答案，就像那个问题的 OP 将该问题标记为已回答一样。

您的编辑并没有改变任何东西，只是表明您不了解相关功能并且您根本没有尝试过。

感谢您的假设，但这不会改变我已经尝试或未尝试的内容。正如我所提到的，答案是我想要的东西是不可能的，这是完全可以接受的。根据你略低于敌意的回应，我猜是这样。

【参考方案1】：

你可以使用@extend https://css-tricks.com/the-extend-concept/

应该编译成

.class1, .class2 display: none;

【讨论】：

我不想改变原来的类。我只是想复制目前 LESS 中可能的样式。