如何将自定义类添加到语义UI？

Question

在哪里和如何我添加了一个自定义类，如：

 .my-custom-class {
  color: red;
 }

原因是它也不会改变所有语义UI元素。
我在哪个文件中添加它以包含在dist文件中？

Answer 1

如果您不想更改Semantic-UI元素，为什么不为自定义样式创建一个完全独立的CSS文件？

拥有多个CSS文件是完全正常的（并且很常见），例如具有以下结构：

<link rel="stylesheet" type="text/css" class="ui" href="/dist/semantic.min.css">
<link rel="stylesheet" type="text/css" href="custom.css">

然后在custom.css中，只需添加其他自定义样式：

.my-custom-class {
  color: red;
}

直接加载外部样式表的顺序对应于specificity;加载自定义样式表之后 Semantic-UI会在平局的情况下提供更多的特异性。

希望这有帮助！ ：）