如何使一个CSS文件比其他文件更重要

问题描述

我在一个React项目上，我有很多SCSS文件，我想为媒体制作一个SCSS，它应该覆盖其他SCSS的操作方法，因为在React中它与简单的HTML CSS有点不同，我可以最后不要导入一个文件，以便它可能是最重要的

解决方法

像这样创建。

在某个地方创建一个scss文件。例如overWriteKiller.scss

在overWriteKiller.scss中用白色填充代码

实施。示例组件

import otherScss from 'otherScss.scss';

import overWriteKiller from 'overWriteKiller/overWriteKiller.scss';

// here is your component's code going

要点是文件必须最后导入。

我知道您的意思，您可以轻松地清除混乱，只需将所有媒体替换为一个单独的文件，例如media.scss 如果在您的网站中出现问题，请从最高（最宽）屏幕到最低屏幕排列它们，只需将!important添加到所有媒体即可，您可以在其中添加任何内容，这将是最重要的附言您无需手动添加！important，只需搜索所有; -s并替换为!important;，然后将!important!important替换为!important即可清除所有内容

import reactjs reactjs sass