Chrome add display none für elements

Question

Auf meiner Website fügt chr display:none css zu Elementen bei Belastung hinzu.

Folgenden ist der CSS-Code von Chrom hinzugefügt

:root .ad-row, :root #ad-footer, :root .ad-sidebar, :root .ad-content, :root #content > #right > .dose > .dosesingle, :root #content > #center > .dose > .dosesingle, :root .ad-header { 
    display: none !important; 
} 

ich alle Dateien entfernt js und überprüft, aber es funktioniert nicht.

Answer 1

Dies ist nicht wegen Chrom, sondern wegen der Stile von einigen Ad-Blocker-Erweiterung, die Sie möglicherweise auf Chrom installiert haben.

Es ist mir auch passiert. Für eines meiner Projekte konnte ich einige div-Elemente auf Firefox nicht sehen. Das Problem ist, dass Sie das Wort "ad" in Ihrem Klassen- oder ID-Namen haben. Bitte tu das nicht. Weil diese Werbeblocker-Erweiterung alles versteckt, was das Keyword "ad" enthält.

Wie das Problem zu lösen:

Statt zu entfernen Ad-Blocker von Ihrem Browser, ändern Sie Ihre Klasse und ID-Namen etwas anderes zu versuchen. Denn wenn der Besucher Ihrer Website einen Werbeblocker installiert hat, kann es sein, dass er dasselbe erlebt wie Sie.

Und nie "ad" Wort in Ihrem Klassen- oder ID-Namen verwenden.

Answer 2

Es scheint, dass Sie in Ihrem Chrome Ad-Block haben, richtig? Alle nicht angezeigten Klassen stammen aus Werbeboxen.

Answer 3

Versuchen Sie es im Inkognito-Modus auszuführen, wahrscheinlich fügt Google Chrome Addon seine eigenen Stile hinzu.