需要使用 tachyons 覆盖默认类答案

【问题标题】：Need to over-ride default class using tachyons需要使用 tachyons 覆盖默认类
【发布时间】：2019-01-08 04:01:24
【问题描述】：

我正在使用 tachyons，但我无法使用 tachyons 覆盖默认 css。我正在避免自定义 CSS 我正在粘贴开发者工具图片，其中也有代码

【问题讨论】：

你想覆盖哪个类？
@CuongHoang 我正在为左边距和右边距提供样式，但它不适用
我不确定我是否在关注这个问题。您是否在 HTML 中指定了 ml3 和 mr3 类？这些是您希望覆盖的类吗？如果是这样，并且您不想使用自定义类而只使用 tachyons 库，它们提供了很多间距修饰符类：tachyons.io/docs/layout/spacing
对不起，我申请了ml3，mr3，但没有得到任何保证金
这意味着另一种样式（可能来自您导入的另一个库）正在覆盖按钮的边缘。在开发工具中查找计算样式中的边距属性，并查看它是从哪里应用的。您在此按钮上附加了许多样式，我确定它在某处覆盖了 tachyon 样式。

【解决方案1】：

使用 !important

.ml3 {
  margin-left: 1rem !important;
}

.mr3 {
  margin-right: 1rem !important;
}

【讨论】：

它就像自定义一样，就像普通的 css，我可以给任何类并使用任何属性的重要
然后检查你的css文件中ml3和mr3的顺序。或者检查 agian 在您的 html 上导入 css 文件的顺序。确保自定义 css 文件必须位于末尾，始终位于所有其他 css 文件的下方。你明白我的意思吗？ @SahilKkr