अभिभावक चयनकर्ता से विशेषता प्राप्त करना सामग्री का उपयोग कर सीएसएस है: attr();

Question

अरे मैं 'शीर्षक' एक < अनुभाग > टैग की विशेषता एक <h3> बस के नीचे स्थित टैग के अंदर और निम्न काम करता है < अनुभाग > tag.The अंदर जगह

<section title="General Information"> 
     <h3>General Information</h3> 
     .... 
    </section> 

मैं क्या पसंद करेंगे कोशिश कर रहा हूँ करने के लिए < एच 3 > टैग के अंदर 'सामान्य जानकारी' दोहराएं नहीं, लेकिन < अनुभाग > टैग में टिटल विशेषता के अंदर जानकारी प्राप्त करने के लिए एटीआर() के साथ सीएसएस सामग्री का उपयोग करें और इसे < एच 3 > टैग के अंदर रखें।

<section title="General Information"> 
     <h3></h3> 
     .... 
    </section> 

    section h3:after 
    { 
     content:attr(title); 
    } 

'शीर्षक' < अनुभाग > टैग के बजाय <h3> टैग के अंदर विशेषता के लिए उम्मीद दिखता है के रूप में

यह। क्या कोई तरीका है जिसे मैं पूरा करने की कोशिश कर रहा हूं? क्या मैं चीजों को करने का सही तरीका पूरा करने की कोशिश कर रहा हूं? मुझे पता है कि मैं < एच 3 > टैग को पूरी तरह से छोड़ सकता हूं और < सेक्शन > टैग को 'शीर्षक' में जो कुछ भी टेक्स्ट प्रदर्शित करता है उसे प्रदर्शित करने के लिए < एच 3 > टैग को प्रदर्शित कर सकता है।

Answer 1

attr() फ़ंक्शन केवल सामग्री उत्पन्न करने वाले तत्व से एक विशेषता प्राप्त कर सकता है। आप section तत्व के title प्राप्त करने में सक्षम नहीं होंगे क्योंकि यह सामग्री उत्पन्न नहीं करने वाला तत्व नहीं है।

जैसा कि स्कॉट्स का उल्लेख है, आपको वास्तव में खाली शीर्षक तत्व होने से बचना चाहिए, क्योंकि वहां सब कुछ होने पर कोई बिंदु नहीं होगा। आपकी सबसे अच्छी शर्त है कि title विशेषता (क्या यह वास्तव में आवश्यक है?) छोड़ दें, या सामग्री को डुप्लिकेट छोड़ दें।