2011-09-19 14 views
22

अधिलेखन मैं निम्नलिखित सीएसएस कि शैलियों अपने पृष्ठों में से एक पर लिंक:क्रोम उपयोगकर्ता एजेंट स्टाइलशीट अपनी साइट शैली

a:link, a:visited, a:active { 
    color: white; 
    text-decoration: none; 
    font-weight: bold; 
} 

हालांकि, जब मैं इसे लोड, वे क्रोम में नीले और फ़ायरफ़ॉक्स में सफेद दिखाई देते हैं। क्रोम देव उपकरणों पता चलता है कि मेरी शैली माना जाता है कि उपयोगकर्ता एजेंट स्टाइलशीट अधिलेखित कर देता है:

enter image description here

इसे सही ढंग से क्यों नहीं दिखा रहा है? मैंने अपनी स्टाइलशीट के शीर्ष पर वर्णमाला सेट करने का प्रयास किया:

@charset "UTF-8"; 

html, body { 
    width: 100%; 
    height: 100%; 
    margin: 0; 
    font: 11px "Lucida Grande", Arial, Sans-serif; 
} 

a:link, a:visited, a:active { 
    color: white; 
    text-decoration: none; 
    font-weight: bold; 
} 

input[type=email], input[type=password] { 
    display: block; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border: 1px solid #ACE; 
    font-size: 13px; 
    margin: 0 0 5px; 
    padding: 5px; 
    width: 203px; 
} 

लेकिन इससे मदद नहीं मिली।

<link href="/assets/global.css?body=1" media="screen" rel="stylesheet" 
type="text/css"> 

और लिंक के लिए एचटीएमएल कोड:: मेरी स्टाइलशीट के साथ सिर में जुड़ा हुआ है

<a href="https://stackoverflow.com/users/sign_in">Sign in</a> 
<a href="https://stackoverflow.com/users/password/new">Forgot your password?</a> 
<a href="https://stackoverflow.com/users/auth/facebook">Sign in with Facebook</a> 

यह है कि वे क्या क्रोम में की तरह लग रहे (13.0.782) है - गलत:

enter image description here

यह है कि वे क्या फ़ायरफ़ॉक्स में की तरह लग रही है - सही:

enter image description here

ऐसा लगता है कि उपयोगकर्ता एजेंट स्टाइलशीट मेरी शैली को ओवरराइट कर रहा है। क्यूं कर?

a { 
    color: white; 
    text-decoration: none; 
    font-weight: bold; 
} 

इसके अलावा, आप अपने सीएसएस फ़ाइल में चारसेट निर्धारित करने की आवश्यकता नहीं है:

+0

यह नहीं है। अपनी समस्या का वर्णन अधिक विशिष्ट है। कौन सी शैली लागू नहीं होती है? गलत स्टाइल तत्वों का एचटीएमएल कोड क्या है। – NiematojakTomasz

+2

लिंक क्रोम में सफेद दिखने वाले हैं। वे फ़ायरफ़ॉक्स में सही ढंग से दिखाई देते हैं। –

+0

मेरे डेस्कटॉप पर सही काम करता है - क्रोम 13.0.782.220 मीटर। और http://i.stack.imgur.com/FlIjd.jpg के अनुसार चयनित लिंक का रंग सफेद है। – NiematojakTomasz

उत्तर

7

वोनकी ने इस मुद्दे की पहचान करने में मदद की। मैं अपने सभी शैली के माध्यम से खुदाई हो गया था और मैं गलत वर्तनी, एक तरह से, उनमें से एक में पाया - यह पेरेंट तत्व जब हेडर के लिए लिंक शैली को परिभाषित याद आ रही थी, इसलिए बजाय

header a:link, header a:visited { 
... 
} 

मैं

था
header a:link, a:visited { 
... 
} 

तो यह शरीर में लिंक्स के लिए परिभाषित शैली को ओवरराइड कर रहा था। पहली बार मेरे स्टाइलशीट की समीक्षा करते समय मुझे इसे याद करना होगा।

आपकी टिप्पणियों के लिए धन्यवाद, सबको!

0

सामान्य सीएसएस लंगर शैली a का प्रयोग करें। मैं इसे हटा दूंगा।

वर्णमाला HTTP शीर्षलेख में सेट होना चाहिए, जहां यह संबंधित है।

+1

यह या तो काम नहीं करता है। पहले से ही कोशिश की है। –

+1

क्या आपके स्टाइलशीट में केवल तत्वों के ऊपर सूचीबद्ध सीएसएस समूह हैं? क्या आप शायद एक और स्टाइलशीट का उपयोग कर रहे हैं, या '! महत्वपूर्ण' के साथ रैपिंग कंटेनर में एंकर रंग परिभाषित किया गया है? – Ben

+0

इसके अलावा, डी-कैश चाल ('? Body = 1') को हटाने का प्रयास करें। मुझे संदेह है कि यह आपकी गलती है - यह आपके एंकर टैग के साथ कुछ 'महत्वपूर्ण' नियम के साथ परिभाषित होने की संभावना है। मैं क्रोम में अपने किसी भी कंप्यूटर पर इस मुद्दे को फिर से बनाने में असमर्थ रहा हूं। – Ben

11

मैं क्यों नहीं पता है, लेकिन मैं <html> से पहले इस <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> जोड़ने और इसे

+0

धन्यवाद - मेरे लिए काम किया! – user460667

+0

यहां एक ही समस्या है ... 'DOCTYPE' परिभाषा ठीक काम करती है! – tetri

+5

यह इस बिंदु पर सुपर अप्रचलित है। इसके बजाए ' 'का प्रयोग करें। –

4

हल बस <html> टैग से पहले <!DOCTYPE html> जोड़ें।

+0

यह काम किया है। मेरे दस्तावेज़ में डॉक्टरेट गायब था, और मैं यहां निदान के साथ आया था, कि उपयोगकर्ता एजेंट स्टाइलशीट मेरे सीएसएस को ओवरराइट कर रहा है। – user85155

1

उपयोगकर्ता एजेंट स्टाइलशीट केवल तब होता है जब आपका सीएसएस टैग के लिए किसी संपत्ति को परिभाषित करने की उपेक्षा करता है। ध्यान दें कि आपके सीएसएस शैली में एक टाइपो हो सकता है।

संभावना है कि, यदि आप सीएसएस फ़ाइल की शुरुआत में टैग घोषणा डालते हैं और यह काम करता है, तो आपको अपने सीएसएस में एक त्रुटि है।

अपने सीएसएस के माध्यम से CSS Lint

मैं इस लगातार समस्या थी और मेरी सीएसएस में गलती की खोज की चलाने की कोशिश करें।

1

मैं इस समस्या का एक ही तरह हो रही थी, मैं मेरे मामले में मेरे कुछ वर्गों जबरदस्ती प्रदर्शित करने के लिए निपटाया जाता है: कोई नहीं

के बाद 30/40 मिनट मैं ब्राउज़र एक्सटेंशन पर देखा और पता चला कि इन सभी की वजह से हो रहा था एडी अवरोधक

इसलिए यदि कोई उपर्युक्त समाधान आपके लिए काम नहीं करता है, तो यदि आपके पास इस प्रकार का ब्राउज़र एक्सटेंशन है तो इसे एक बार भी आज़माएं।

संबंधित मुद्दे