उपयोगकर्ता एजेंट स्टाइल शीट ओवरराइड करें - क्रोम

Question

मुझे एक सूची आइटम मिला है जो होवर प्रभाव का उपयोग कर वेबपृष्ठ पर प्रदर्शित किया जा रहा है। चुनौती मैं यहां सामना कर रहा हूं जब मैं सूची आइटम में कुछ सीमा या पृष्ठभूमि लागू करता हूं, तो यह स्वचालित रूप से जेनरेट होने वाले पैडिंग की वजह से भयानक लग रहा है।

कृपया इस छवि को देखें।

कोई भी कृपया इसे ओवरराइड करने में मेरी सहायता करें।

मैंने पहले से ही मंचों की खोज की है, लेकिन मुझे केवल यह पता चला है कि इसे off कंसोल से कैसे सवारी करना है।

Answer 1

में एक बार देख ले बस निम्नलिखित शैली को जोड़ने।

Answer 2

विभिन्न स्रोतों से

स्टाइलशीट अलग precedences है:

न्यूनतम से उच्चतम से

(*):

• उपयोगकर्ता एजेंट शैलियों => इन शैलियों आप स्क्रीनशॉट
में देखते हैं
• उपयोगकर्ता शैलियों
• लेखक सीएसएस शैलियों (सावधान रहें)
• लेखक इनलाइन शैलियों !important

उपयोगकर्ता एजेंट = ब्राउज़र
लेखक = आप
उपयोगकर्ता = ब्राउज़र उपयोगकर्ता

आप के लिए

तो साथ !important

उपयोगकर्ता शैलियों के साथ

लेखक शैलियों, आपको केवल

ul { padding:0 } 

घोषित करना है

और यह UA शैलियों को ओवरराइट करेगा। हालांकि, यदि उपयोगकर्ता !important के साथ अपनी शैलियों की घोषणा करेगा, तो लेखक के रूप में आप इसके बारे में कुछ भी नहीं कर सकते - (सौभाग्य से उपयोगकर्ता के लिए) आप उन शैलियों को खत्म नहीं कर सकते हैं।

^{* वास्तविक जीवन में, इस सूची की तुलना में कैस्केडिंग प्रकृति भी अधिक जटिल है, जिसका अर्थ है कि मैंने सादगी के लिए कवर नहीं किया था।}

ul { padding:0 } 

कि डिफ़ॉल्ट शैली को पार कर जाएगी: यदि आप इस में रुचि रखते हैं, CSS precendence.