如何从 Ionic CSS 中排除 HTML 元素

Question

我有一个特殊的圆形按钮，带有他的 CSS，但是当我使用它时，我的 CSS 会爆炸，因为有 Ionic CSS“标准”规则。 我的 .button 类被 Ionic 的 .button CSS 类破坏了。

我已经尝试将名称更改为我的 .button 类，但没有。获取我的按钮的唯一方法是不导入 Ionic.css 文件，但当然，我需要它用于其他元素，

我的按钮嵌套在其他元素中，为此我需要 Ionic CSS

所以，我需要知道是否可以从 Ionic CSS 规则中排除特定的 HTML 标记，而无需编辑 Ionic.css 文件

Answer 1

不可能。进入 Ionic.css 并编辑它。你可以编辑它。我检查了 Sass 的文档：http://ionicframework.com/docs/cli/sass.html CSS 放在这个文件夹中：www/lib/ionic/css 更好的解决方案是设置一个 Sass 环境。然后你就可以只使用你需要的组件了。

其他解决方案，但有点脏，是用更深的选择器覆盖规则。也许使用 .container .button 或 div.button 或 button.button 或 body .button。

Answer 2

您可以在自定义 css 中使用其他类名，并在每个 css 规则中使用属性 !important。无论如何，您可以更改导入的顺序。