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

Question

我正在为我的 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

SO 如何覆盖它？

Answer 1

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

margin: left 300px !important

尝试：

margin-left: 300px !important

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

Override media queries in CSS files with custom CSS in HTML

html

css

adminlte