我试过了:style -name=codesnippet craftyjs.com pre code {background-color: transparent;}
,但显然什么都没发生。然后我:styleenable -name=codesnippet
又试了,但什么都没发生。我该如何使用这些命令?
我每晚都会运行 Pentadactyl 和 Firefox 18(稳定版)。
答案1
这里的问题是 CSS 特殊性(请参阅 Chris Coyier 的帖子以获得更好的描述)。您可以添加一个!important
以使其工作。
:style -name=cs craftyjs.com pre code {background-color: transparent !important;}
答案2
距离您最初的问题已经过去了一段时间,所以也许 craftyjs 网站从那时起已经发生了变化。无论如何,我找不到与您的示例 CSS 选择器匹配的特定元素。因此,我仅提供我今天看到的网站的一个示例。
让我们以此页面为例:Crafty.settings看看这些可爱的参数列表!那么灰。我讨厌灰色。事实上,我讨厌参数列表。让我们假装它们不存在:
:style -name=ewww craftyjs.com dl {display:none;}
走了。啊哈。
现在,你很可能会问,为什么这个方法有效,而你精心设计的例子却无效?我不知道!
这是一个稍微修改过的例子:
:style -name=ewww craftyjs.com dl {background:#f00;}
不起作用!但是这个可以:
:style -name=ewww craftyjs.com dl {color:#f00;}
嗯。我们注意到 pentadactyl 没有提供“背景”作为完成。也许:
:style -name=ewww craftyjs.com dl {background-color:#f00;}
不。好吧,也许 Firefox 开发人员工具可以帮助我们。检查参数列表框(同时暗自嘲笑)显示这是完整设置:none repeat scroll 0% 0% rgb(238, 238, 238)
。让我们将其更改为蓝色:background: none repeat scroll 0% 0% rgb(0, 0, 238)
。非常好!令人舒适的复古外观。将其重置为灰色,以便我们可以用 Pentadactyl 做到这一点,如下所示:
:style -name=ewww craftyjs.com dl {background: none repeat scroll 0% 0% rgb(0, 0, 255)}
啊。真遗憾。恢复正常了。看来我们发现了一个 bug!我太喜欢这个 bug 了,我给它起了个特别的名字:Pentadactly 问题 #969。很吸引人,对吧?
更新:而且,Peter Wooley 太棒了!(现在我对 CSS 有了更多的了解。可能比我想要的还多。)建议关闭新的 Pentdactyl 问题。