html - Overriding class in chain? -

मेरे पास निम्न है:

  .mainClass a.customizeIt span {background: transparent url ('../images/myimage.png') नहीं-दोहराना; रंग: #ffffff; प्रदर्शन क्षेत्र; फ़ॉन्ट आकार: 13 पीएक्स; }   
 क्या ऊपर के किसी अन्य संस्करण को बनाने का कोई तरीका है ताकि कोई पृष्ठभूमि छवि का उपयोग न किया जाए?  
  .mainClass a.customizeIt span {color: # FFFFFF; प्रदर्शन क्षेत्र; फ़ॉन्ट आकार: 13 पीएक्स; }   
 तत्व में दूसरा संस्करण कैसे संदर्भित किया जाना चाहिए?  
 - संपादित करें - निम्न संभव है, इसलिए कोई पृष्ठभूमि नहीं है और मैं रंग, डिस्प्ले और फ़ॉन्ट-आकार पुनः उपयोग करें?  
  .mainClass a.customizeIt a.no-bg span {background: none;    
 
 
 क्या यह आप मुख्य है?  
 html  
  & lt; a class = "customizeIt" href = "#" & gt; & lt; span & gt; नमूना 1 & lt; / span & gt; & lt; / a & gt;   
  उस भाग में वर्ग की  नो-बीजी  का उपयोग किया है जिसे आप पृष्ठभूमि छवि को हटाना चाहते हैं, बस नीचे दिखाए   
  & lt; एक वर्ग = "कस्टमाइज़ करेंइक्ट नं- bg" href = "#" & gt; & lt; span & gt; नमूना 2 & lt; / span & gt; & lt; / a & gt;   
 css  
  .mainClass a.customizeIt span {पृष्ठभूमि: पारदर्शी url ('../ images / myimage.png') नहीं-दोहराना; रंग: #fff; प्रदर्शन क्षेत्र; फ़ॉन्ट आकार: 13 पीएक्स; } .mainClass a.no-bg span {background-image: none! महत्वपूर्ण}