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;
}
我想在语义 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;
}