如何命名空间或前缀语义UI？

Question

任何人都可以帮助我如何命名空间（前缀）Semantic UI 中的所有内容，例如前缀 "button" class 到 "my-prefix-button" class？

此外，此修改会影响 JavaScript 模块的工作吗？例如 Accordion、Modal、Popup 和所有其他模块，如果答案是肯定的，那么如何解决？

如果您想在答案中使用 Less 或 SASS 来实现这一点，请逐步详细说明您的答案，因为我对这两个领域真的很陌生。

Answer 1

我已经在评论中提到这是不可能的，但同时我发现了一个 official statement from the author 与此相关，所以为了结束这个问题，我将其复制到这里：

I don't plan on releasing anything like this.

Part of the goal of Semantic is simplifying front end codebases. This would be another step towards obfuscation. It may be a requirement for certain use cases, but I don't think I want to convince developers this is a necessary path for interoperability.

Answer 2

甚至我为我的问题选择了另一个答案（因为我的问题谈论的是另一种前缀，目前这是不可能的，而我选择的答案中的原因）但这是我为它添加前缀的方法并且它有效对我来说。

我使用 less 将其与另一个 class 命名空间如下：

.my-class {
  @import (less) url("button.min.css");
  @import (less) url("message.min.css");
  @import (less) url("form.min.css");
  @import (less) url("table.min.css");
}

如何命名空间或前缀语义UI？

How To Namespace Or Prefix Semantic UI?

javascript

jquery

css

semantic-ui