如何覆盖 CSS 文件的链接 scss

Question

我想创建一个固定在移动设备底部但在桌面左侧的导航栏。

我检查了 CSS，CSS 文件的链接 scss 覆盖了媒体查询中的 CSS。

我找到了这篇文章， 为什么我的 css 被 scss 覆盖，这甚至不包括在内，但我不能使用更具体的选择器。

我能做什么 ？ 注意属性有!important并且菜单是<aside>

截图：
红色：我想覆盖 scss 的属性

黄色：我想覆盖的 scss 属性（在检查器上禁用它时有效）

Answer 1

您也可以将top设置为auto以确保bottom比top:0更重要top:0

.menu {
  top: auto ;
  bottom : 0 ;
}

Answer 2

从媒体查询中删除!important 。 这不是一个好的做法，之后这将起作用。 如果你不能，那么在.menu添加!important 。

Answer 3

你可以给你的.menu项目一个额外的类

.menu.bottomed {
    bottom: 0px;
}

总有一种方法可以有一个更具体的选择器，除非它是一个 id 选择器。