उपयोगकर्ता स्टाइलशीट में Chrome एक्सटेंशन से CSS लागू नहीं किया जा सकता है

2

मैं जीमेल में ईमेल के दाईं ओर से विज्ञापनों को छिपाने की कोशिश कर रहा हूं। उसके लिए मैंने एक एक्सटेंशन बनाया है जो सीएसएस शैली पर लागू होता है।

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

की सामग्री hide.cssहै:

div.nH.HbF0O{ display: none; }

यदि मैं फ़ाइल में इस सीएसएस का परीक्षण करता हूं %userprofile%\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css, तो विज्ञापन गायब हो जाते हैं। यदि मैं एक्सटेंशन लोड करता हूं, तो यह काम नहीं कर रहा है।

अगर मैं सीएसएस फ़ाइल में अन्य शैलियों को पेश करता हूं, उदाहरण के लिए body {display: none;}या कुछ सरल, सीएसएस इसे लागू किया जाता है।

क्या समस्या हो सकती है?

google-chrome google-chrome-extensions css

— Liviu
स्रोत

1

मैं बस एक साधारण क्रोम एक्सटेंशन के साथ खेल रहा हूं जो कुछ सीएसएस स्टाइल लागू करता है और पाया है कि वेब पेज की स्टाइलिंग एक्सटेंशन स्टाइल पर पूर्वता लेगी।

!importantअपने घोषणा के अंत में whacking की कोशिश करो , जैसे

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

और देखें कि क्या यह आपकी समस्या को ठीक करता है।

— साइमन लिशके
स्रोत

0

शायद एक लंबा शॉट, लेकिन मुझे लगता है कि मैंने कभी भी सीएसएस कोड नहीं देखा है div.nH.HbF0O{ display: none; }।

क्या आपका मतलब था div.nH, div.HbF0O{ display: none; }?
या आपका मतलब है "वंशज" और एक व्हॉट्सएप याद आती है div.nH .HbF0O{ display: none; }:?

संपादित करें: मैंने जाँच की है कि सीएसएस div.nH.HbF0O{}HTML को संदर्भित कर <div class="nH HbF0O" />सकता है इसलिए मैं गलत हो सकता हूं।

— jakub.g
स्रोत

लेकिन फिर इससे काम क्यों चलता है User StyleSheets?

— Synetech