覆盖 * scss 页面中的 CSS 属性答案

【问题标题】：Override * CSS property in scss Page覆盖 * scss 页面中的 CSS 属性
【发布时间】：2018-10-28 01:41:23
【问题描述】：

我正在学习离子。在我的应用程序中，我想将 linkbutton 的字体设置为 12 px，但是它被其他 css 覆盖。我的 scss 文件有以下链接按钮的 css：

  .link_button {
  color: $myColor;
  font-size: 12px;
  text-decoration: underline;
  bottom:10px;
  }

我怎样才能使上面的scss强行隐含在其他人之上？

这是文本的外观：

实际隐含的CSS（来自chrome工具）：

根据这里的人们的建议，我用 Id 和 Important 修改了我的 scss 文件，但它不起作用。使用重要时：（即使我通过 Id 使用也会发生同样的情况）

【问题讨论】：

【解决方案1】：

您可以向链接按钮添加 ID 并使用 ID 指定样式。这是因为 ID 优先于类样式

#linkButton { Font-size:12px; } 或者您可以使用 !important 来覆盖所有其他 CSS 样式。但是使用的时候要小心 .linkButton { Font-size:12px !important; }

【讨论】：

【解决方案2】：

【讨论】：

【解决方案3】：

添加按钮内部类的是离子按钮，它具有默认字体大小。更多详情：

【讨论】：