Semantic UI：调整 ui 容器的宽度样式

Question

我想在语义 UI 中编辑 ui main container 类的样式。 目前，我们有：

<div class="ui main container"></div>

但是，我希望应用以下样式：

<div class="ui main container" style="width:1825px"></div>

我尝试了以下 CSS 选择器：

<style>
  .ui.main.container {
      width: 1825px;
  }
</style>

但是，这不会像预期的那样影响 div 的样式。我尝试移动 <style> 标签的位置，并尝试不同的 CSS 选择器组合，但无济于事。样式没有被覆盖有什么原因吗？如何模仿内联样式的效果（实际应用）？

Answer 1

尝试添加 !important 来覆盖样式。如下图所示

.ui.main.container {
  width: 1825px !important;
}