इनलाइन स्टाइल सीएसएस

Question

के साथ टेबल्स पर वैकल्पिक पंक्ति रंग, मैं पठनीयता बढ़ाने के लिए तालिका के पृष्ठभूमि रंग को वैकल्पिक करना चाहता हूं। थोड़ी सी गुगलने के बाद मुझे आवश्यक कोड मिला।

tr:nth-child(even) { 
    background-color: #000000; 
} 

मेरी समाधान में समस्या नहीं, मैं हेड टैग के लिए उपयोग नहीं है, और मैं इनलाइन शैली सीएसएस के साथ इस लागू करना चाहते हैं, लेकिन यह does not काम।

<tr style="nth-child(even) background-color: #000000;"> 

विचार?

Answer 1

इनलाइन शैलियों प्रति तत्व हैं, इसलिए आपको tr तत्व की style विशेषता में उचित शैलियों को इंजेक्ट करना होगा। यदि आप पहले से ही इन पंक्तियों को गतिशील रूप से उत्पन्न नहीं कर रहे हैं, और आप इन शैलियों को इंजेक्ट करने के लिए जावास्क्रिप्ट का उपयोग नहीं कर सकते हैं, तो आप प्रत्येक tr तत्व पर मैन्युअल रूप से विशेषता लागू करने के साथ अटक गए हैं। अपने मार्कअप में

$('tr:nth-child(even)').css("background", "red"); 

यह ऑटो डालने इनलाइन शैलियों:

Answer 2

BoltClock जवाब देने के लिए इसके अलावा, यदि आप jQuery का उपयोग कर सकते आप कुछ इस तरह की कोशिश कर सकते हैं।

A working fiddle

Answer 3

मैं एक ऐसी ही स्थिति थी। मैं सिर्फ अपनी मेज से पहले एक शैली अनुभाग रख कर इसे हल:

<style> 
    table#some_table_id tr:nth-child(even) { background-color:#dddddd; } 
</style> 
<table id="some_table_id"> 
    <!-- table markup removed --> 
</table> 

नहीं सबसे सुरुचिपूर्ण समाधान है, लेकिन यह मेरे लिए काम करता (गूगल क्रोम 29.0.x में)।