【问题标题】:Stylish CSS has no effect? CSS Order in Stylish?时尚的 CSS 没有效果?时尚的 CSS 顺序?
【发布时间】:2015-04-30 16:10:40
【问题描述】:

这是网站的 CSS:

.bam_announcement {
    -moz-border-radius:5px;-webkit-border-radius:5px
}

这是我的时尚 CSS:

.bam_announcement {
    -moz-border-radius:0px;-webkit-border-radius:0px
}

但是网站仍然使用 5px。

【问题讨论】:

  • 您是否尝试过删除浏览器缓存?
  • 您是否安装了开发工具或萤火虫?如果是这样,请检查具有边界半径的元素,并验证此确切规则是否处于活动状态。也许你的 CSS 中的其他选择器设置了 5px?
  • 您的代码不完整。你有活生生的例子吗?也许你也在其他地方定义了它。

标签: css operator-precedence stylish


【解决方案1】:

因为我们无法确定 Stylish CSS 的应用顺序——相对于页面 CSS——Stylish 脚本通常必须使用 !important 标志。

因此,制作您的时尚 CSS:

.bam_announcement {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

在极少数情况下不起作用,请参阅:How to override CSS Background that already has !important?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-17
    • 2012-06-29
    • 1970-01-01
    • 2023-04-05
    • 2019-03-02
    相关资源
    最近更新 更多