如何使用 Pentadactyl style/styleenable?

如何使用 Pentadactyl style/styleenable?

我试过了: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 问题。

相关内容