Agora usamos o Stylish. A alternativa sem o Stylish seria editar os arquivos que você postou na sua resposta. O Stylish nos permite gerenciar facilmente o CSS de muitos sites de sites. Stylish adiciona um pequeno ícone à janela do Firefox, clique nele e vá em "Escreva um novo estilo" -> "For" (este site) .com ". Dê um nome ao estilo e, opcionalmente, algumas tags. Você poderá para distinguir esse estilo como o que se aplica a Superuser.com ou Stackexchange.com etc. Essa janela fornece um modelo que permite alterar o CSS apenas para este domínio.Se você precisar alterar o CSS para um URL específico, pode fazer isso ou você também pode obter um estilo em branco se quiser escrever CSS que se aplique a todos os sites, basta selecionar a entrada apropriada no menu Elegante. Para o meu exemplo de modificação de resposta, você '
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
}
Qualquer coisa colocada no bloco @ -moz-document será aplicada apenas ao domínio entre parênteses. Veja os itens em negrito acima. Para alterar o preenchimento das respostas, atualize a caixa de texto para ficar assim:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
.answer {
padding-bottom:0px;
padding-top:0px;
}
}
Decompô-lo para as pessoas que não sabem CSS, estamos selecionando primeiro da classe (ergo um "" vai no início. Se estivéssemos a seleção por ID, que ia colocar um '#' lá.) Resposta (então responde'). Em seguida, abrimos um bloco com uma chave para listar as propriedades do item selecionado que iremos alterar. Primeiro, alteramos o preenchimento inferior e o definimos como 0 pixels . Em seguida, fazemos o mesmo para o padding-top . Cada propriedade e valor termina com um ponto-e-vírgula. Então fechamos o bloco com uma cinta encaracolada. (no seu exemplo unix, você faria o seguinte:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none;
}
}
Aqui você está trabalhando no domínio unix.stackexchange.com. Estamos selecionando o elemento "body" (ao selecionar o elemento HTML também é um seletor de CSS, não é necessário #s ou .s aqui). Estamos definindo o plano de fundo como nenhum.)
O CSS possui uma hierarquia específica de prioridades para determinar como lidar com CSS do usuário x CSS do autor x CSS do navegador. Normalmente, temos CSS para uma página escrita pelo autor da página e que conterá regras para muitos dos elementos nessa página. Quando uma regra não é definida pelo autor, mas está no CSS do usuário, o navegador o utiliza. Se nenhum deles tiver CSS definido para esse elemento, o navegador utilizará suas próprias regras CSS padrão nesse elemento. Portanto, há uma hierarquia de peso aqui, autor> usuário> navegador. Se algo estiver definido nos três, o CSS de maior peso vencerá e o CSS entrará em vigor. Existe uma maneira de obter CSS de menor peso para substituir o CSS de maior peso, designando-os importantes. Você faz isso incluindo "! Important"
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none !important;
}
}
Agora clique em Visualizar novamente e você verá que o CSS do usuário funciona. Clique em Salvar e aproveitar.