2011-08-24 15 views
8

प्राप्त करने के लिए गुण content विशेषता में नोड मान प्राप्त करने का कोई तरीका है?'सामग्री' विशेषता नोड मान

पसंद है, अगर <h2/> टैग मान "यादृच्छिक शीर्षक" पर सेट है, तो क्या मुझे यह मान सीएसएस में content विशेषता के अंदर प्राप्त हो सकता है?

मैंने content: inherit; को आजमाया है, लेकिन ऐसा लगता है कि यह काम नहीं करता है।

मेरी सिद्धांत का एक उदाहरण:

HTML:

<h2>Random title</h2> 

सीएसएस:

h2:after { 
    content: inherit; /* should be "Random title" */ 
} 

अग्रिम धन्यवाद!

+0

यदि आप टेक्स्ट को मिरर करना चाहते हैं, तो आप 'टेक्स्ट-छाया: ब्लैक 20em 0 0;' –

उत्तर

13

नहीं, ऐसा करने का कोई तरीका नहीं है। यह inherit is for नहीं है।

निकटतम आप प्राप्त कर सकते हैं यह है:

<h2 data-title="Random title">Random title</h2> 

h2:after { 
    content: attr(data-title); 
} 

..which दोहराव की वजह से स्पष्ट रूप से भयानक है।

+0

दोह जैसे कुछ का उपयोग कर सकते हैं, यह दुखद है। :( – jolt

+0

ध्यान दें कि यदि आप इस तरीके से यूनिकोड वर्ण कोड "उत्तराधिकारी" की तलाश में हैं, तो आपको '& # x [कोड]' के HTML वर्ण से बचने के फॉर्म का उपयोग करना चाहिए, उदाहरण के लिए 'डेटा-शीर्षक = "& # xe001; "' यह इकोमून जैसे फ़ॉन्ट-आधारित आइकनों का उपयोग करते समय उपयोगी होता है। – Boaz

7

CSS3 का एक तरीका है, content: contents; लेकिन (ए) ऐसा लगता है कि यह उपयोगी नहीं है; और (बी) शायद अभी तक कहीं भी लागू नहीं किया गया है। http://dev.w3.org/csswg/css3-content/#contents0

@ थर्डॉट का उत्तर अब कम से कम सही है।

+0

'सामग्री: सामग्री;' तक प्रतीक्षा नहीं कर सकता है! – allicarn

+0

निश्चित रूप से इस सुविधा की आवश्यकता है! – zur4ik