CSS aus Chrome Extension kann in Benutzer-Stylesheets nicht angewendet werden

Ich versuche, die Anzeigen auf der rechten Seite der E-Mails in Google Mail auszublenden. Dafür habe ich eine Erweiterung erstellt, die einen CSS-Stil anwendet.

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

Der Inhalt von hide.cssist:

div.nH.HbF0O{ display: none; }

Wenn ich dieses CSS in der Datei %userprofile%\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.cssteste, verschwinden die Anzeigen. Wenn ich die Erweiterung lade, funktioniert sie nicht.

Wenn ich zum Beispiel andere Stile in die CSS-Datei einführe body {display: none;}oder etwas Einfaches, wird das CSS angewendet.

Woran könnte das liegen?

Ich habe gerade mit einer einfachen Chrome-Erweiterung herumgespielt, die etwas CSS-Stil anwendet, und festgestellt, dass der Stil der Webseite Vorrang vor dem Stil der Erweiterung hat.

Versuchen Sie, !importantam Ende Ihrer Erklärung eine zu verprügeln , z

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

und sehen, ob das Ihr Problem behebt.

Vielleicht ein langer Schuß, aber ich denke, ich habe noch nie so einen CSS-Code gesehen div.nH.HbF0O{ display: none; }.

• Meinten Sie div.nH, div.HbF0O{ display: none; }?
• oder Sie „Nachkommen“ bedeuten und ein Leerzeichen verpassen: div.nH .HbF0O{ display: none; }?

Bearbeiten: Ich habe überprüft, ob CSS div.nH.HbF0O{}auf HTML verweisen kann, <div class="nH HbF0O" />damit ich mich möglicherweise irre.