Questão Não é possível aplicar o CSS da extensão do Chrome nas folhas de estilo do usuário


Estou tentando ocultar os anúncios do lado direito dos e-mails no Gmail. Para isso, fiz uma extensão que aplica um estilo CSS.

"content_scripts": [
    {
      "matches": ["https://mail.google.com/mail/*", "https://*/*"],
      "css": ["css/hide.css"]
    }
  ]

O conteúdo de hide.css é:

div.nH.HbF0O{ display: none; }

Se eu testar este CSS no arquivo %userprofile%\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css, os anúncios desaparecem. Se eu carregar a extensão, não está funcionando.

Se eu introduzir outros estilos no arquivo CSS, por exemplo body {display: none;} ou algo simples, o CSS é aplicado.

Qual poderia ser o problema?


2


origem




Respostas:


Talvez um tiro longo, mas eu acho que nunca vi código CSS como div.nH.HbF0O{ display: none; }.

  • Você quis dizer div.nH, div.HbF0O{ display: none; } ?
  • ou você quer dizer "descendente" e perder um espaço em branco: div.nH .HbF0O{ display: none; } ?

Editar: Eu verifiquei esse CSS div.nH.HbF0O{} pode se referir a HTML <div class="nH HbF0O" /> então eu posso estar errado.


0



Mas então por que funciona a partir de User StyleSheets? - Synetech


Acabei de brincar com uma extensão simples do Chrome que aplica alguns estilos CSS e descobri que o estilo da página da Web terá precedência sobre o estilo da extensão.

Tente bater uma !important no final da sua declaração, por ex.

div.nH.HbF0O { display: none !important; }

e veja se isso resolve o seu problema.


0