2009-03-08 29 views
10

का उपयोग कर स्टाइल एचटीएमएल तत्व अपने शीर्षक पर आधारित है क्या एचटीएमएल तत्व में एक शैली को लागू करना संभव है, जिसका शीर्षक केवल एक अद्वितीय पहचानकर्ता के रूप में है? उदाहरण के लिए:सीएसएस

<div class="my_class"> 
    <a href="some site" title="MyTitle">My Link</a> 
</div> 

मैं एक नियम है कि वर्ग my_class की एक div और लिंक शीर्षक MyTitle भीतर ही लिंक तत्व के लिए लागू होगी लिखने के लिए करना चाहते हैं।

मेरे पास पृष्ठ लेआउट बदलने की क्षमता नहीं है, हालांकि, मैं एक कस्टम सीएसएस फ़ाइल का उपयोग कर सकता हूं जो स्वचालित रूप से शामिल है।

आप

उत्तर

29

धन्यवाद यह निश्चित है, का उपयोग करते हुए क्या कहते हैं विशेषता चयनकर्ताओं; ये सीएसएस 2 का हिस्सा हैं। अपने विशेष मामले में, आप उपयोग करेंगे:

div.my_class a[title="MyTitle"] { color: red; } 

आप विशेषता चयनकर्ताओं के बारे में अधिक पढ़ सकते हैं: http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

+0

यह ध्यान दिया जाना चाहिए कि आईई 6 विशेषता चयनकर्ताओं का समर्थन नहीं करता है – clawr

+2

अलास, आईई 6 बहुत सारी सामग्री का समर्थन नहीं करता है। आगे और ऊपर, हालांकि! ;) –

+0

आप जावास्क्रिप्ट का उपयोग कर आईई 6 गैर समर्थन के माध्यम से हैक कर सकते हैं। यानी jQuery में: $ ('div.my_class a [title = "MyTitle"]')। सीएसएस ('रंग', 'लाल'); और फिर इसे सशर्त टिप्पणियों का उपयोग करके दूर रखें और हर कोई खुश होगा। –

3

सीएसएस विनिर्देशों "चयनकर्ताओं" कि तुम यहाँ मदद मिल सकती है के एक नंबर की पहचान।

.my_class a[title="MyTitle"] 
{ 
    ... 
} 

आप सीएसएस का विस्तृत विवरण देख सकते हैं "चयनकर्ताओं" यहाँ: उदाहरण के लिए, आप निम्न प्रकार की एक नियम लागू हो सकते हैं

http://www.w3.org/TR/2001/CR-css3-selectors-20011113/

1

हालांकि यह संभव है, विशेषता चयनकर्ताओं का उपयोग कर (http://www.w3.org/TR/CSS2/selector.html#attribute-selectors देखें) इंटरनेट एक्सप्लोरर 6 इसका समर्थन नहीं करता है (http://kimblim.dk/css-tests/selectors/ देखें)

डब्ल्यू 3 सी साइट से एक उदाहरण: एच 1 [शीर्षक] {रंग: नीला; }