मैं सीएसएस चयनकर्ताओं के साथ भाई बहनों के गुणों को कैसे संशोधित करूं जैसे: फोकस?

Question

मुझे अपनी साइट पर कुछ कोड, http://ethoma.com/wp/ पर परेशानी हो रही है। सर्च बार में, बाईं ओर, मैं आमतौर पर गहरा भूरा "खोज में प्रवेश करता हूं" खोज फ़ील्ड (इसके भाई) पर हल्के भूरे रंग को बदलने के लिए: फोकस ट्रिगर होता है। , # से है खोज क्षेत्र

#s 
{ 
    min-width:98%; 
    background-color:#2a2a2a; 
    color:#d3d3d3; 
    border:2px solid #000000; 
    font-size:.85 em; 
    height:1.9em; 
    display:inline !important; 
    border-radius:5px 5px 5px 5px; 
} 

#s:focus 
{ 
    border:2px solid #2a2a2a; 
} 

#searchsub 
{ 
    color:#2a2a2a; 
    text-align:right; 
    font-size:.65em; 
    font-weight:lighter; 
} 

#s:focus #searchsub 
{ 
    color:#cccccc; 
} 

ठीक है और #searchsub div कि मैं #cccccc (हल्के भूरे रंग) चालू करना चाहते है: यहाँ कोड मैं वर्तमान में है। घुंघराले ब्रेसिज़ का आखिरी सेट ऐसा लगता है जहां मुझे समस्या है (ब्रेसिज़ स्वयं नहीं, बल्कि इसके ऊपर चयनकर्ता)। जैसा कि मैंने कहा था # एस #searchsub का एक भाई है और इसके विपरीत। किसी भी उत्तर के लिए धन्यवाद!

Answer 1

स्टीफिखेल की तरह, आपके चयनकर्ता का स्थान #s के अंदर है। जहां तक ​​एचटीएमएल का सवाल है, हालांकि, यह स्पष्ट रूप से गलत है क्योंकि input फ़ील्ड खाली तत्व हैं और आपके अंदर अन्य तत्व नहीं हो सकते हैं।

#s:focus + #searchsub 
{ 
    color:#cccccc; 
} 

Answer 2

अपने कोड के साथ समस्या यह है कि #s:focus #searchsub में #s:focus के बाद #searchsub रखकर, आप आईडी #s अंदर आईडी #searchsubपर कार्रवाई करने के लिए सीएसएस कह रहे है।

मैं जामवाफल्स से सहमत हूं कि आप जावास्क्रिप्ट के साथ ऐसा कर सकते हैं। मैं इसे jQuery के साथ करूँगा, और यदि आप चाहें, तो मैं कैसे पोस्ट कर सकता हूं।