[html] सीएसएस के साथ एक तालिका में पहले 'tr' को छोड़कर सभी 'tr' तत्वों का चयन करें



Answers

मुझे आश्चर्य है कि किसी ने भाई संयोजकों के उपयोग का उल्लेख नहीं किया है, जो आईई 7 द्वारा समर्थित हैं और बाद में:

tr + tr /* CSS2, adjacent sibling */
tr ~ tr /* CSS3, general sibling */

वे दोनों ठीक उसी तरह काम करते हैं (वैसे भी HTML टेबल के संदर्भ में):

tr:not(:first-child)
Question

सीएसएस के साथ तालिका में पहली tr को छोड़कर मैं सभी tr तत्वों का चयन कैसे कर सकता हूं?

मैंने इस विधि का उपयोग करने की कोशिश की लेकिन पाया कि यह काम नहीं करता है:

http://www.daniel-lemire.com/blog/archives/2008/08/22/how-to-select-even-or-odd-rows-in-a-table-using-css-3/




क्षमा करें, मुझे पता है कि यह पुराना है, लेकिन पहले सभी को छोड़कर सभी टी तत्वों को स्टाइल क्यों न करें और psuedo वर्ग का उपयोग करें: पहला बच्चा जहां आप सभी ट्र तत्वों के लिए निर्दिष्ट करते हैं।

इस उदाहरण से बेहतर हताश:

http://jsfiddle.net/DWTr7/1/

tr {
    border-top: 1px solid;
}
tr:first-child {
    border-top: none;   
}

/ पैट्रिक




लगता है कि आप जिस 'पहली पंक्ति' की बात कर रहे हैं वह आपकी टेबल-हेडर है - इसलिए आपको वास्तव में अपने मार्कअप में thead और tbody का उपयोग करने के बारे में सोचना चाहिए ( यहां क्लिक करें ) जिसके परिणामस्वरूप 'बेहतर' मार्कअप (अर्थात् सही, चीजों के लिए उपयोगी table thead ... { ... } तरह) और सीएसएस-चयन के लिए क्रॉस-ब्राउज़र-अनुकूल संभावनाएं ( table thead ... { ... } )




चूंकि tr:not(:first-child) आईई 6, 7, 8 द्वारा समर्थित नहीं है। आप jQuery की मदद का उपयोग कर सकते हैं। आप इसे here पा सकते हैं




जब आप सीएसएस द्वारा चुने गए अपने सभी भविष्य को परिभाषित करते हैं (या नहीं चाहते हैं) तो आप कक्षा बना सकते हैं और कक्षा का उपयोग कर सकते हैं।

यह लिखकर किया जाएगा

<tr class="unselected">

और उसके बाद आपके सीएसएस में लाइनें हैं (और उदाहरण के रूप में टेक्स्ट-एलाइन कमांड का उपयोग करके):

unselected {
  text-align:center;
}



selected {
  text-align:right;
}



Related