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

Semantic UI: adjusting width style of ui container

我想在语义 UI 中编辑 ui main container class 的样式。 目前,我们有:

<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 选择器组合但无济于事。有什么理由不覆盖样式吗?如何模仿内联样式(实际应用)的效果?

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

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