2012-04-17 20 views
7

मैं सोच रहा था कि क्या आप मानों को नहीं बदलते हैं, hover, active और focus स्वचालित रूप से मानक a टैग से सेटिंग्स का उत्तराधिकारी प्राप्त करते हैं?क्या होवर, सक्रिय, फोकस राज्य मूल्यों का वारिस करते हैं?

उदाहरण के लिए:

.wrapper .left .main .row .holder .more a, 
#content .wrapper .left .main .row .holder .more a:visited 
{ 
    width: 92px; 
    min-width: 92px; 
    max-width: 92px; 
    height: 23px; 
    min-height: 23px; 
    max-height: 23px; 
    display: block; 
    margin: 0px auto; 
    background: #fff url(../images/more-info-btn.png) top left no-repeat; 
} 

#content .wrapper .left .main .row .holder .more a:hover { 
    width: 92px; 
    min-width: 92px; 
    max-width: 92px; 
    height: 23px; 
    min-height: 23px; 
    max-height: 23px; 
    display: block; 
    margin: 0px auto; 
    background: #fff url(../images/more-info-btn.png) bottom left no-repeat; 
} 

नीचे एक ही बात कर सकते हैं?

#content .wrapper .left .main .row .holder .more a, 
#content .wrapper .left .main .row .holder .more a:visited 
{ 
    width: 92px; 
    min-width: 92px; 
    max-width: 92px; 
    height: 23px; 
    min-height: 23px; 
    max-height: 23px; 
    display: block; 
    margin: 0px auto; 
    background: #fff url(../images/more-info-btn.png) top left no-repeat; 
} 

#content .wrapper .left .main .row .holder .more a:hover { 
    background: #fff url(../images/more-info-btn.png) bottom left no-repeat; 
} 
+3

वे मूल्यों को "वारिस" नहीं करते हैं, क्योंकि सीएसएस में विरासत एक मूल तत्व से शैलियों को लेती है। इसके बजाय, मान * कैस्केड * हैं, या सामान्य 'ए' नियम से लिया जाता है (भ्रमित, मुझे पता है)। फिर भी, आपके पास सही विचार है। – BoltClock

उत्तर

5

हाँ यह सही है, छद्म राज्य मूल्यों का वारिस करते हैं।

स्थिरता उद्देश्यों के लिए, केवल उन शैलियों को घोषित करना सर्वोत्तम है जिन्हें आप अपने psuedo राज्य नियमों में बदल रहे हैं।

निम्नलिखित कोड के साथ

, पाठ हमेशा font-size:1.9em परवाह किए बिना :hover राज्य की हो जाएगा, padding-top:10px साथ:

a 
{ 
    color:red; 
    font-size:1.9em; 
    padding-top:10px; 
} 

a:hover 
{ 
    color:green; 
}​ 

-- SEE EXAMPLE --

1

नहीं है, राज्यों में से एक में एक a तत्व अभी भी एक a है, क्योंकि तत्व, और एक तत्व स्वयं से प्राप्त नहीं कर सकता है। लेकिन कोई भी सेटिंग जिसमें a चयनकर्ता के रूप में लागू होता है जब तत्व राज्यों में से एक में भी होता है।

इस प्रकार, जब आप कुछ राज्यों को सभी राज्यों में a तत्वों पर लागू करना चाहते हैं, तो यह a चयनकर्ता का उपयोग करके उन्हें सेट करने के लिए पर्याप्त है।

तकनीकी रूप से, चयनकर्ताओं में मतभेदों के कारण, आपके प्रश्न में नियमों के दो सेट समान नहीं हैं, जो विशिष्टता को प्रभावित करते हैं। ऐसी स्थितियां जहां यह महत्वपूर्ण होगी, दुर्लभ हैं और अन्य स्टाइलशीट्स में लागू होने वाले विशेष नियम शामिल होंगे।