दोहराया छद्म वर्ग चयनकर्ता

Question

मैं बूटस्ट्रैप सीएसएस फ़ाइल में देखा:

input:focus:invalid:focus, 
textarea:focus:invalid:focus, 
select:focus:invalid:focus { 
    border-color: #e9322d; 
    -webkit-box-shadow: 0 0 6px #f8b9b7; 
     -moz-box-shadow: 0 0 6px #f8b9b7; 
      box-shadow: 0 0 6px #f8b9b7; 
s} 

ऐसा नहीं है कि प्रतीत होता है: फोकस इनपुट, पाठ क्षेत्र के लिए दो बार निर्दिष्ट करें, और चुनें जाता है; क्या इसका कोई विशेष कार्य है?

Answer 1

यह सीएसएस चयनकर्ता के specificity को बढ़ाता है।

यहाँ css चश्मा में प्रासंगिक उद्धरण है:

नोट: एक ही सरल चयनकर्ता के बार-बार घटनाओं अनुमति दी जाती है और विशिष्टता बढ़ा सकते हैं।

तो, इस विशेष मामले में, input:focus:invalid:focus पूर्वता input:focus:invalid से अधिक होगा।

यहाँ एक simpler example दोहराया आवृत्तियां साथ css विशिष्टता में वृद्धि का प्रदर्शन है:

सीएसएस

span.color.color { 
    color: green; 
} 

span.color { 
    color: yellow; 
} 

एचटीएमएल

<span class="color">This will be green.</span>