हाइपरलिंक से सभी स्टाइलिंग / फ़ॉर्मेटिंग निकालें

Question

मैं अलग-अलग रंगों ( hrefलिंक) वाले शब्दों के साथ एक नेविगेशन मेनू बना रहा हूं । मैं चाहूंगा कि रंग किसी भी राज्य (होवर, विज़िट किए गए आदि) पर न बदले।

मुझे पता है कि अलग-अलग राज्यों के लिए रंगों को कैसे सेट करना है, लेकिन मैं कोड को सिर्फ टेक्स्ट कलर (और किसी अन्य स्टाइलिंग / फॉर्मेटिंग) के रूप में जानना चाहता हूं।

कोई सुझाव?

Answer 1

आप बस लिंक के लिए एक शैली परिभाषित कर सकते हैं, जो ओवरराइड करेगा a:hover, a:visitedआदि।:

a {
  color: blue;
  text-decoration: none; /* no underline */
}

inheritयदि आप इसके बजाय मूल शैलियों से विशेषताओं का उपयोग करना चाहते हैं, तो आप मान का उपयोग भी कर सकते हैं :

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

Comments

महत्वपूर्ण हिस्सा inheritकीवर्ड है। दुर्भाग्य से इसका 100% समर्थन नहीं है।

— डेविड

initialयह तब भी मददगार होता है जब आप डिफ़ॉल्ट शैली में रीसेट रीसेट करना चाहते हैं। यह यहाँ अच्छी तरह से समझाया गया है लिंक

— SiteHopper

आपके लिए बहुत बहुत धन्यवाद inherit!

— 1

@ डेविड, क्या यह अभी भी खड़ा है? inheritकेवल एसेट ब्राउज़र और इंटरनेट एक्सप्लोरर में काम नहीं करता है या लोकप्रिय ब्राउज़र (क्रोम, फ़ायरफ़ॉक्स) में भी कठिनाइयाँ हैं?

— पार्सकर

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

— जैकमोरसी 19

Answer 2

जैसा कि क्रिस ने मुझसे पहले कहा, बस एक aओवरराइड करना चाहिए। उदाहरण के लिए:

a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }

इस उदाहरण में, .nav aहमेशा हरा होगा: हॉवर इस पर लागू नहीं होगा।

यदि कुछ अन्य नियम इसे प्रभावित कर रहे हैं, तो आप उपयोग कर सकते हैं !important, लेकिन आपको नहीं करना चाहिए। गिरना बुरी आदत है।

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */

फिर यह हमेशा हरा होगा, किसी भी अन्य नियम से अप्रासंगिक।

Comments

यह वही नहीं है जो उसने पूछा। प्रश्न को फिर से पढ़ें। वह यह पहले से ही जानता है।

— डेविड

@ डेविड मैं फिर से पढ़ा है, बहुत यकीन है कि वह क्या पूछा है। यह कोड उसे एक शैली निर्धारित करने की अनुमति देगा, aजिसके लिए :hover(या :visitedआदि) किसी भी परिवर्तन को रोका जा सकेगा । कैसे के बारे में एक डिक होने के बजाय और आप एक वास्तविक समाधान का सुझाव सभी तीन जवाब बकवास?

— स्पूनएनजेड

सहायता के लिए धन्यवाद। लेकिन अगर लिंक ऐसा हो तो क्या होगा। 2 रंगों में 2 शब्द, लेकिन यह सिर्फ 1 लिंक है: अद्वितीय (गुलाबी में) बिक्री (काले रंग में) और उन्हें किसी भी राज्य में उस रंग को रहना चाहिए। मैंने इसे इस तरह से कोडित किया ... <a href="#" style="text-decoration: none" target="_blank"> <span style = "font-family: Arial; font-size: 13px; color: # e91974; फ़ॉन्ट-वजन: हल्का; "> अद्वितीय </ अवधि> <अवधि शैली =" फ़ॉन्ट-परिवार: एरियल; फ़ॉन्ट-आकार: 13px; रंग: # 020202; फ़ॉन्ट-वजन: हल्का; "> बिक्री </ अवधि > </a> लेकिन एक क्लीनर होना चाहिए। (वहाँ कोड में इस तरह से कई लिंक) कोई सुझाव?

— साइटहॉपर

Answer 3

आप aएंकर / हाइपरलिंक के सभी राज्यों को परिभाषित करने के लिए अपनी स्टाइलशीट में एक चयनकर्ता का उपयोग कर सकते हैं । उदाहरण के लिए:

a {
    color: blue;
}

सभी लिंक शैलियों को ओवरराइड करेगा और सभी राज्यों का रंग नीला कर देगा।

Comments

यह वही नहीं है जो उसने पूछा। प्रश्न को फिर से पढ़ें। वह यह पहले से ही जानता है।

— दाविद

Answer 4

यदि आप राज्य करते हैं a.redLink{color:red;}तो इसे होवर पर रखें और इस तरह से जोड़ें a.redLink:hover{color:red;} यह सुनिश्चित करेगा कि कोई अन्य होवर राज्य आपके लिंक का रंग नहीं बदलेगा