सीएसएस में = "ईमेल" के लिए लेबल का चयन कैसे करें?

Question

HTML:

<label for="email">{t _your_email}:</label>

सीएसएस:

label { 
    display: block; 
    width: 156px; 
    cursor: pointer; 
    padding-right: 6px; 
    padding-bottom: 1px; 
} 

मैं ईमेल लेबल के लिए एक नया सीएसएस बनाने के लिए के रूप में यह है कि विस्तृत होना नहीं कर रहा है चाहता हूँ।

Answer 1

चयनकर्ता, label[for=email] होगा तो सीएसएस में:

label[for=email] 
{ 
    /* ...definitions here... */ 
} 

... या JavaScript में डोम का उपयोग कर:

var element = document.querySelector("label[for=email]"); 

... या JavaScript में का उपयोग कर jQuery:

var element = $("label[for=email]"); 

यह attribute selector है। ध्यान दें कि कुछ ब्राउज़रों (उदाहरण के लिए आईई < 8 के संस्करण) विशेषता चयनकर्ताओं का समर्थन नहीं कर सकते हैं, लेकिन हाल ही में कुछ लोग करते हैं। आईई 6 और आईई 7 जैसे पुराने ब्राउज़र का समर्थन करने के लिए, आपको दुख की बात है कि आपको कक्षा (अच्छी तरह से, या कुछ अन्य संरचनात्मक तरीके) का उपयोग करना होगा।

(मैं यह सोचते हैं रहा है कि टेम्पलेट {t _your_email}id="email" के साथ एक क्षेत्र में भर जाएगा। यदि नहीं, तो बजाय एक वर्ग का उपयोग करें।)

ध्यान दें कि फिट नहीं करता है, तो विशेषता आपके द्वारा चयन का मान करता है

label[for="field[]"] 
{ 
    /* ...definitions here... */ 
} 

वे can be single or double quotes: एक CSS identifier के लिए नियम (उदाहरण के लिए, अगर यह उस में रिक्त स्थान या कोष्ठक है, या, आदि अंक के साथ शुरू होता है), तो आप मूल्य के आसपास उद्धरण की जरूरत है।