2009-11-22 14 views
24

पर आधारित सीएसएस नियम मैं एक विशिष्ट शब्द वाले सभी एंकरों में एक अलग शैली को लागू करना चाहता हूं। क्या यह शुद्ध सीएसएस में किया जा सकता है? यह ठीक है अगर यह केवल CSS3 है।सामग्री

उत्तर

27

सं :contains एक बार प्रस्तावित किया गया था लेकिन CSS3 चयनकर्ता की वर्तमान कार्यकारी ड्राफ्ट में नहीं है ।

आप, कुछ जावास्क्रिप्ट की आवश्यकता होगी उदाहरण के लिए:

for (var i= document.links.length; i-->0;) 
    if (/\bSpecificWord\b/i.test(document.links[i].innerHTML) 
     document.links[i].style.color= 'red'; 
+0

पर काम नहीं करता है, मुझे उम्मीद है कि उन्होंने अब तक इस समस्या को ठीक कर दिया है। यह प्रतीत होता है कि इसकी सामग्री में शब्दों द्वारा तत्व को स्टाइल करना एक बेहद आम समस्या है। –

5

हाँ CSS3 में :contains चयनकर्ता है।

li:contains("special"){text-style: italic;} 

यह 1/2 के बारे में इस पेज here

यह something you can also do with jQuery भी है नीचे उल्लेख किया गया है ...

+4

दिलचस्प है, लेकिन यह केवल स्थिर मीडिया के लिए है "यह चयनकर्ता केवल स्थिर मीडिया के लिए है (यानी, प्रिंट और स्क्रीन डिस्प्ले नहीं)।" – Joel

+1

आह हाँ मैंने उस नज़र को नहीं पकड़ा .. मैं देख सकता हूं कि यह क्यों समझ में आता है (शायद)। –

+1

को स्पॉट करने के लिए धन्यवाद 'इसमें शामिल हैं' चयनकर्ता ने इसे बाद के विनिर्देशों में नहीं बनाया है। – idmean

14

आप match attribute values though कर सकते हैं। यदि आप कस्टम डेटा विशेषताओं का उपयोग करते हैं, तो यह आपको प्राप्त हो सकता है।

+1

यह उत्तर क्रोम में ठीक काम करता है। 'टीडी [डेटा-वाहक =" वेरिज़ोन "] {रंग: # एफ 00; } '' डेटा-कैरियर 'मूल्य के साथ 'td' कोशिकाओं में परिणाम' Verizon' 'की विशेषता है जो उन्हें' लाल 'का रंग दे रहा है। –

1

Hitch का उपयोग करें जो एक छोटी जेएस लाइब्रेरी है। आप सामग्री आधारित शैली को किसी भी तत्व पर आसानी से लागू कर सकते हैं। इसमें कई विकल्प हैं और सशर्त स्टाइल के लिए बहुत बढ़िया है।

0

@bobince मेरी मदद और मैं इस कोड लिखा है:

var x = document.getElementsByTagName('TD'); 
for (var i= x.length; i-->0;) 
    if (x[i].innerHTML=='closed') 
     x[i].parentNode.style.background= '#FEE'; 

तो कुछ टीडी की सामग्री 'बंद कर दिया' तो टी.आर. की पृष्ठभूमि का रंग हल्का लाल रंग के साथ की पहचान की जाएगी है।

+0

मुझे नहीं लगता कि ब्रैकेट नोटेशन के माध्यम से एक नोडलिस्ट तक पहुंच मानक है। – Carcigenicate

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