2010-06-23 21 views
27

मैंने कुछ डमी सीएसएस लिखा था। एक टैग के बजाय मैं पात्रों से बच निकला। मैं इसके बजाय एक div टैग कैसे जोड़ सकता हूं?सीएसएस {सामग्री: "पाठ"}, मैं टैग कैसे जोड़ूं?

.HeaderName:after{ 
content: "<div class=\"Name2\">text</div>"; 
} 

.Name2 { 
color: red; 
} 

उत्तर

36

content घोषणा पृष्ठ पर टैग नहीं जोड़ सकते हैं (टैग संरचनात्मक हैं); इसके अतिरिक्त, सीएसएस प्रस्तुति परिवर्तनों के लिए है, संरचनात्मक सामग्री में बदलाव नहीं।

$(".HeaderName").after("your html here"); 
+0

अन्त में, पाठ, सीएसएस सामग्री संपत्ति डोम में सम्मिलित नहीं किया गया है के माध्यम से जोड़ा तो यह जावास्क्रिप्ट द्वारा बाद में कार्रवाई नहीं की जा सकती है, आदि मैं मानता हूँ कि यह सामान्य रूप में नहीं किया जाना चाहिए, और निश्चित रूप से नहीं किया जाना चाहिए इस उद्देश्य के लिए। +1 –

+5

कुछ संदर्भों में, सामग्री संपत्ति का उपयोग स्टाइलिस्टिक रूप से सही हो सकता है। उदाहरण के लिए, सामग्री के कुछ टुकड़े के बाद एक अल्पविराम जोड़ने: न्यूयॉर्क न्यूयॉर्क .city: {सामग्री के बाद: ""; } तो, यह _always_ गलत नहीं है, लेकिन यह किसी भी तरह से अनुशंसित नहीं है। –

+5

एक उपयोगी उदाहरण आवश्यक फ़ील्ड के बाद लेबल (तार) या तारांकन (*) के बाद कोलन (:)) डाल रहा है। यह सहमति हो सकती है कि ये केवल प्रस्तुति विवरण हैं और सामग्री के हिस्से के रूप में एक स्क्रीन पढ़ने को 'कोलन' या 'स्टार' नहीं पढ़ना चाहिए। – andho

10

आप सीएसएस में content: का उपयोग करके टैग सम्मिलित नहीं कर सकते:

जैसे jQuery का उपयोग कर, बजाय, पर विचार करें। यहां spec का प्रासंगिक हिस्सा है; सीएसएस 2.1 spec में the 'content' property देखें।

10

आपको लगता है कि अतिरिक्त टैग केवल जोड़ा पाठ लाल बनाने की जरूरत है, तो बस इस कार्य करें:

.HeaderName:after{ 
    content: "text"; 
    color:red; 
} 

क्रोम पर परीक्षण किया गया।

+0

मोज़िला और आईई 11 में भी काम करता है। –

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