我的媒体查询被普通 css 代码覆盖[重复]答案

【问题标题】：My media queries gets overwritten by normal css code [duplicate]我的媒体查询被普通 css 代码覆盖[重复]
【发布时间】：2019-04-23 07:39:43
【问题描述】：

P.S：我将 React 用于前端，将 SASS 用于 CSS，这就是为什么它是 'className' 而不是 'class' 并且我的 CSS 中没有括号。

没什么好解释的，基本上每当我尝试在表格视图上显示汉堡菜单时，它都不会出现并保持显示：无。

.logo__area-mobile
    display: none


@media only screen and (max-width: 768px)
    .logo__area-mobile
        display: block

HTML：

<header>
  <div className="header-search">
    <div className="logo__area-mobile">
      <button>&#9776;</button>
    </div>
    <div className="header-search-input">
      <i className="fas fa-search"></i>
      <input type="text" placeholder="Est: Daredevil, Orange is the new black" />
    </div>
  </div>
  <div className="header-menu">
    <div className="menu">
        <ul>
            <li><NavLink to="/recently" activeClassName="is-active">مضاف مؤخراً</NavLink></li>
            <li><NavLink to="/series" activeClassName="is-active">المسلسلات</NavLink></li>
            <li><NavLink to="/movies" activeClassName="is-active">الافلام</NavLink></li>
            <li><NavLink to="/" activeClassName="is-active" exact>الرئيسية</NavLink></li>
        </ul>
    </div>
    <div className="logo">
        <Link to="/">EgyMovs</Link>
    </div>
  </div>
</header>

【问题讨论】：

你的 HTML 是什么？
嘿 @jeanpaulxiao 刚刚编辑了它，你现在可以看到 HTML。 :)
^^ 并且 html 应该是 "class=" 而不是 "className="
嘿@disinfor 很抱歉没有说清楚，我使用 SASS 作为我的 CSS 和 React 作为我的前端，所以我在 HTML 中的所有类都称为“className”:)
这样的话，可以把编译后的输出贴出来吗？

标签： css sass media-queries

【解决方案1】：

为您的元素使用更具体的选择器。比如2个类或者标签名和类名。

计数提示：

.a .b //00020
#id .a //00110 -- more specific, higher priority

【讨论】：