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

Question

我想在语义 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 选择器组合但无济于事。有什么理由不覆盖样式吗？如何模仿内联样式（实际应用）的效果？

Answer 1

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

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