O problema aqui é Especificidade CSS ( Veja a postagem de Chris Coyier para uma boa descrição). Você pode adicionar um !important para fazer isso funcionar.
:style -name=cs craftyjs.com pre code {background-color: transparent !important;}
Eu tentei :style -name=codesnippet craftyjs.com pre code {background-color: transparent;}
mas nada aconteceu, aparentemente. Então eu tentei :styleenable -name=codesnippet mas nada aconteceu, também. Como devo usar esses comandos?
Estou executando o Pentadactyl todas as noites e o Firefox 18 (estável).
O problema aqui é Especificidade CSS ( Veja a postagem de Chris Coyier para uma boa descrição). Você pode adicionar um !important para fazer isso funcionar.
:style -name=cs craftyjs.com pre code {background-color: transparent !important;}
Já faz um tempo desde a sua pergunta original, então talvez o site do craftyjs tenha mudado desde então. De qualquer forma, não encontrei um elemento específico que correspondesse ao seu seletor CSS de exemplo. Então, vou apenas fornecer um exemplo com o site que vejo hoje.
Vamos usar esta página como um exemplo: Crafty.settings . Olhe para aquelas adoráveis listas de parâmetros! Tão cinza. Eu odeio cinza. Na verdade, eu odeio listas de parâmetros. Vamos fingir que eles não existem:
:style -name=ewww craftyjs.com dl {display:none;}
Ahh.
Agora, você pode muito bem perguntar, por que isso funciona, quando seu exemplo bem elaborado não funcionou? Eu não sei!
Aqui está um exemplo ligeiramente modificado:
:style -name=ewww craftyjs.com dl {background:#f00;}
Não funciona! Isso faz, no entanto:
:style -name=ewww craftyjs.com dl {color:#f00;}
Hmmm. Notamos que o pentadáctilo não oferece "fundo" como conclusão. Talvez:
:style -name=ewww craftyjs.com dl {background-color:#f00;}
Não. Bem, talvez as ferramentas para desenvolvedores do Firefox possam nos ajudar. Inspecionar a caixa de listagem de parâmetros (enquanto escarnece silenciosamente para nós mesmos) mostra isso como a configuração completa: none repeat scroll 0% 0% rgb(238, 238, 238) . Vamos mudar para azul: background: none repeat scroll 0% 0% rgb(0, 0, 238) . Muito agradável! Um visual retrô reconfortante. Redefinir para cinza, para que possamos fazê-lo com Pentadactyl, assim:
:style -name=ewww craftyjs.com dl {background: none repeat scroll 0% 0% rgb(0, 0, 255)}
Argh. Tristeza. De volta ao normal. Parece que encontramos um bug! Eu gosto desse bug, então muito, eu dei a ele um nome especial: Pentadactly issue # 969 . Cativante, certo?
Atualização : Aaaand, Peter Wooley FTW! (E agora eu sei mais sobre CSS. Possivelmente mais do que eu queria.) Recomendou fechar a nova questão Pentdactyl.
Tags pentadactyl