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

Posted 2023-05-08

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

【英文标题】：Override media queries in CSS files with custom CSS in HTML

【发布时间】：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

那么如何覆盖这个？

【参考方案1】：

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

margin: left 300px !important

试试：

margin-left: 300px !important

【讨论】：

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