2009-06-25 11 views
13

चूंकि यह फ़ंक्शन IE8 में कार्यान्वित किया गया है, इसलिए मैं देखना चाहता था कि मैं इसके साथ क्या कर सकता हूं, लेकिन मुझे इसे कहीं भी कहीं भी काम करने में परेशानी हो रही है: पहले और: सीएसएस छद्म तत्वों के बाद। निम्नलिखित की अनुमति दी जानी चाहिए?सीएसएस एटीआर फ़ंक्शन का सही उपयोग क्या है?

span[color] { color: attr(color); } 

मैंने इसे Google क्रोम में भी आजमाया, लेकिन यह काम नहीं किया। इसके अलावा, की तरह और अधिक गतिशील चीजों के बारे में क्या:

input[value=attr(default)] { color: gray; } 

उत्तर

17

सीएसएस 2.1 में (जो है क्या इन दिनों प्रयोग किया जाना चाहिए) attr समारोह एक छोटे से यह क्या कर सकते हैं में सीमित है। एकमात्र जगह जहां यह दिखाई दे सकती है संपत्ति :before and :after pseudo-elements पर है। तो इसका एकमात्र उद्देश्य सामग्री उत्पन्न हुआ है।

सीएसएस 3 में यह changed a bit, उस attr() में केवल तारों की तुलना में अन्य प्रकार लौटा सकता है और इसका उपयोग अन्य गुणों के लिए भी किया जा सकता है।

लेकिन ध्यान रखें कि सीएसएस 3 is still a Working Draft बहुत कम सुविधाओं के साथ (मूल्य और इकाइयों सहित) उम्मीदवार अनुशंसा होने के नाते। सीएसएस 3 फीचर्स के लिए उपयोगकर्ता एजेंटों द्वारा समर्थन वर्तमान में सीमित और अगली मौजूद के बीच भिन्न होता है। ज्यादातर ब्राउज़र विक्रेताओं गोलाकार सीमाओं, पाठ छाया इत्यादि जैसे "शांत सामान" को लागू करके बोरियत से लड़ने लगते हैं, जिसका मतलब यह नहीं है कि इसका समर्थन करने में बहुत अधिक काम है। लेकिन आप यहां जो देख रहे थे वह निश्चित रूप से उससे परे है और डब्ल्यूडी स्थिति निकट भविष्य में नहीं बदलेगी। इसलिए इसे कहीं भी लागू करने की उम्मीद न करें।

+0

का उपयोग हाँ, कि CSS3 मॉड्यूल होगा है । जोहान्स ने स्पष्ट रूप से कहा कि यह प्रतिबंध के साथ सीएसएस 2.1 है, और CSS3 कमजोर है और इसे और अधिक सामान्य बनाता है। – Xanthir

+2

@ जॉय, इससे पहले कि मैं attr() के संबंध में एक ही मुद्दे पर अपना स्वयं का प्रश्न खोलूं, क्या आपको पता है कि पिछले 3 वर्षों में _ridth_ जैसी अन्य गुणों में attr() के ब्राउज़र समर्थन के संबंध में कुछ भी बदल गया है या नहीं? –

-1

बस किसी भी अलग रंग के लिए

span.red {} 

उपयोग करते हैं, मुझे नहीं लगता कि आप सभी संयोजनों :)

या जरूरत सिर्फ

span[color="red"] {} 
+0

मुझे लगता है कि आप इस सवाल का मुद्दा चूक गए हैं। हालांकि मैंने जो उदाहरण दिया था, वह मुझे 'attr()' फ़ंक्शन में अधिक रूचि रखता था। –

संबंधित मुद्दे