如何从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并编辑它。你可以编辑它。我检查了文档for 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。无论如何，你可以改变进口的顺序。