सीएसएस कई वर्गों संपत्ति ओवरराइड

Question

अगर मैं एक शैली वर्ग इस तरह के रूप में परिभाषित किया है:

.myclass{ 
    //bunch of other stuff 
    float:left; 
} 

और मैं इस तरह एक और वर्ग को परिभाषित:

.myclass-right{ 
    float:right; 
} 

और मैं एक div इस तरह से परिभाषित करते हैं:

<div class="myclass myclass-right"></div> 

क्या वह div myclass से सब कुछ प्राप्त करेगा, लेकिन फ्लोट संपत्ति को फ़्लोट करने के लिए ओवरराइड करेगा: है ना? यही वह है जो मैं होने की उम्मीद करता हूं। यह भी जानना चाहते हैं कि इसमें कोई क्रॉस-ब्राउज़र प्रभाव है (अच्छे ब्राउज़र बनाम आईई 7 या इससे अधिक, एफ *** आईई 6)।

Answer 1

ओवरराइड करना चाहिए रहे हैं और .myclass-right शैली खंड है .myclass के बाद परिभाषित, हां।

विस्तार करने के लिए संपादित करें: एचटीएमएल तत्व में कक्षाएं दिखाई देने का आदेश कोई प्रभाव नहीं पड़ता है, केवल एक चीज जो चयनकर्ता की विशिष्टता है और जिस क्रम में चयनकर्ता स्टाइल शीट में दिखाई देते हैं।

Answer 2

!important का उपयोग करना ऐसा करने का एक तरीका है।

.myclass-right{ 
    float:right !important; 
} 

इसके अलावा अगर आप अपने चयनकर्ता के साथ अधिक विशिष्ट यह जब तक चयनकर्ताओं एक ही विशिष्टता (इस मामले वे करते में) के रूप में अच्छी तरह से

div.myclass-right{ 
    float:right; 
} 

Answer 3

आपकी सीएसएस फ़ाइल में आपकी अन्य कक्षा के बाद घोषित किया जाएगा, यह काम करेगा।

Answer 4

बस के अलावा एक और विकल्प बाहर फेंक करना चाहता था महत्वपूर्ण है और साथ ही शैली परिभाषा क्रम: आप दोनों एक साथ के साथ-साथ श्रृंखला कर सकते हैं:

.myclass.myclass-right{float:right;} 
.myclass{float:left;} 

Answer 5

मामले में जहां सीएसएस गुण संघर्ष में, सीएसएस टैग के बाद स्टाइल शीट में दूसरा प्राथमिकता लेगा।

दूसरे शब्दों में - यदि आप चाहते हैं कि कुछ वर्ग कभी दूसरों को ओवरराइड करें - बस इसे अपनी सीएसएस फ़ाइल के अंत में रखें।