使用 HTML 中的自定义 CSS 覆盖 CSS 文件中的媒体查询答案

【问题标题】：Override media queries in CSS files with custom CSS in HTML使用 HTML 中的自定义 CSS 覆盖 CSS 文件中的媒体查询
【发布时间】：2021-10-11 02:50:47
【问题描述】：

我正在为我的 Angular 项目使用 HTML 模板 (Admin LTE)。在其中，我尝试在我的 index.html 头部部分中使用它来覆盖默认宽度规范

  @media(min-width: 768px)
  {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header
    {
      margin: left 300px!important;
    }
  }

但是在执行时，它根本不会在 index.html 中使用我的自定义 css，而是使用在 CSS 文件中硬编码的 250px

那么如何覆盖这个？

【问题讨论】：

标签： html css adminlte

【解决方案1】：

CSS 无效，如开发工具中所示：

margin: left 300px !important

试试：

margin-left: 300px !important

【讨论】：

哦，伙计..我不应该错过那个错字..真的很抱歉..