css - 如何向语义 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 ;在语义 UI 之后加载您的自定义样式表将在平局的情况下赋予它更多的特异性。

希望对您有所帮助! :)