如何覆盖:: after伪选择器

Question

我见过很多类似的帖子，但我找不到任何适合我的帖子。

我有一个Ionic2应用程序，我有一个我想要摆脱的风格。

这是我能看到的......

我希望摆脱背景图片

能够使用Id（我只希望在这一个元素上，而不是其他可能有这些类的元素）这样做会很好，但我也尝试了以下内容......

.ion-header.header.header-md:after{
   background-image: none;
  }

我不知道为什么以下不起作用。

有人有任何建议吗？

提前致谢！

Answer 1

基本上你有两个选择：

1. 使用!important规则。




.header-md:after,
tabbar:after,
.footer-md:after {
 background-image: none !important;
}

1. 覆盖原始样式。




.header-md:after,
.tabs-md[tabsPlacement="top"] > tabbar:after,
.footer-md:before,
.tabs-md[tabsPlacement="bottom"] > tabbar:after {
  background-image: none;
}