2010-12-14 9 views
6

वहाँ अपरकेस वर्णों/पत्र/शब्दों के लिए एक सीएसएस pseudoselector है? मैं चाहता हूं कि मेरी सभी राजधानियां एक पीटी छोटी हों और अन्य सभी पात्र एक ही आकार के हों। एक राजधानी स्पष्ट रूप से वाक्य (या शब्द) का पहला चरित्र नहीं है और न ही दूसरी तरफ है।अपरकेस वर्ण/शब्दों के लिए छद्म चयनकर्ता?

या शायद इन वर्णों को सीएसएस में ढूंढने का दूसरा तरीका है? एक चाल के साथ? मुझे चाल पसंद है।

उत्तर

3

ठीक है, खराब-समर्थित first-letter चयनकर्ता है, लेकिन यह वही नहीं है जो आप चाहते हैं।

आप निश्चित रूप से PHP में अपने एचटीएमएल को प्री-पार्स कर सकते हैं, <span class="capital"></span> टैग में सभी कैप्स लपेटकर, लेकिन यह एक हैक है।

तो निश्चित रूप से आप जादू जादूगर खरगोश खींच सकते हैं और स्पैन को शामिल करने के लिए दस्तावेज़ लोड पर अपने डोम को बदल सकते हैं। यह एक हैक भी है। क्या आपको हैक्स पसंद है?

देखते हैं और कौन एक जादू चाल के साथ बदल जाता है :-)

+0

मैं हैक्स पसंद है, लेकिन नहीं jQuery और नहीं जावास्क्रिप्ट शैली चीजों को ठीक करने के:
अब आप ही की तरह कुछ के साथ अपने span style की जरूरत है। PHP में तैयारी करना एक अच्छा विचार है। अच्छी बात मैं PHP :) – Rudie

1

मुझे नहीं लगता कि यह संभव है है।

कक्षा के साथ एक अवधि के साथ पूंजी अक्षरों को लपेटने के लिए बेहतर है और उन्हें शैली बनाने के लिए इसका उपयोग करें।

1

यह सीएसएस का उपयोग कर संभव नहीं है करते हैं।

आप जावास्क्रिप्ट का उपयोग अपने पाठ में सभी वर्णों को अपरकेस के लिए जांचने के लिए कर सकते हैं (उदा। if (yourtext == yourtext.toUpperCase()) का उपयोग करके) और उसके बाद <span> लपेटें, जिसमें इन्हें शैली के लिए अपना सीएसएस शामिल है।

या कुछ इन पंक्तियों के चारों ओर: (? शायद किसी समय इस के साथ एक jsfiddle बनाने के लिए है)

function wrapCaps() { 
    var text = document.getElementById("my_text").value; 
    for(i=0; i < text.length; i++) { 
     if(text[i].charCodeAt(text[i]) >= 65 && text[i].charCodeAt(text[i]) <= 90) 
     wrapNode(text[i], 'span'); 
    } 
} 

मैं इसे बाहर की कोशिश नहीं की है, तो आप replaceNode या ऐसा ही कुछ उपयोग करने की आवश्यकता हो सकती है। charCodeAt विधि बस लग रहा है बड़े अक्षरों के लिए, कृपया ध्यान दें कि विशेष यूनानी बड़े अक्षरों की तरह कोई यूनिकोड वर्ण शामिल किया जाएगा।

#my_text span { 
    font-size: 10px; 
} 
+0

उपयोग कर रहा हूँ मैं लेआउट/शैली सुधार के लिए जावास्क्रिप्ट का उपयोग नहीं करते। मुझे शुद्ध पसंद है। समारोह में काम करने के लिए आप में से अच्छा है! – Rudie

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