सीएसएस कक्षा

Question

से टैग को बाहर करने का कोई तरीका है मेरे पास सीएसएस है जो तालिका के लिए सभी tr टैग पर काम करता है।

तो मेरे एचटीएमएल में मेरे पास टी टैग के लिए कोई स्टाइल नहीं है। हालांकि, मेरी तालिका में एक टीआर टैग के लिए मैं टीआर लागू नहीं करना चाहता जो सभी तालिकाओं के लिए सामान्य है। क्या इस टीआर को बाहर करने का कोई तरीका है?

.statisticsTable { 
    border:2px solid #990000; 
    width:100%; 
} 
.statisticsTable tr { 
    font-weight : bold; 
    font-size : 9pt; 
    font-family : Arial,Helvetica,sans-serif,Verdana,Geneva; 
    color: #ffffff; 
    background-color:#990000; 

} 

<table class="statisticsTable"> 
    <tr><td colspan="7" class="tableHeaderText">HUB Statistics</td></tr> 
    <tr> 
     <th colspan="2">HUB</th> 
     <th >House Houlds Evaluated</th> 
     <th >Total Debt Owed</th> 
    </tr> 

     <tr class="<s:if test="#status.even">even</s:if><s:else>odd</s:else>"> 
      <td rowspan=3 valign=top>213-65-6425</td> 
      <td >All</td> 
      <td >t1</td> 
      <td >t2</td> 

<tr> या तो 'भी' या के वर्ग है कि इसके बाद के संस्करण में

'अजीब' मैं इस <tr> .statisticsTable टीआर गुण होते हैं नहीं करना चाहती। क्या यह संभव है?

मुख्य सोचता है कि मैं बचाना चाहता हूं पृष्ठभूमि रंग: # 990000; और रंग: #ffffff;

Answer 1

सीएसएस कैस्केड, जिसका अर्थ है कि आप पहले परिभाषित गुणों के मानों को ओवरराइट कर सकते हैं।

आप करना होगा:

.statisticsTable tr.even, .statisticsTable tr.odd { 
    font-weight: normal; 
    font-size: DEFAULT; /* what ever your default is */ 
    font-family: DEFAULT; /* what ever your default is */ 
    /* I would use the font shorthand property */ 
    color: DEFAULT; 
    background: DEFAULT; 
} 

आप CSS3 का उपयोग करना चाहते हैं, तो आप करने के लिए उपयोग कर सकते हैं :not केवल तत्व है जो सम या विषम वर्ग की जरूरत नहीं है टीआर के निम्नलिखित शैलियाँ लागू:

.statisticsTable tr:not(.even):not(.odd) { 
    font: bold 9pt Arial,Helvetica,sans-serif,Verdana,Geneva; 
    color: #fff; 
    background:#990000; 
} 

संपादित करें: नहीं (.Even, .odd) नहीं मान्य सिंटैक्स है इस प्रकार काम नहीं करेगा (कम से कम क्रोम में नहीं) सही सिंटैक्स है: नहीं (चयनकर्ता), हालांकि तुम ग एक करें: नहीं (selector1): नहीं (selector2) ये नहीं() एस एक ही स्तर पर हैं।

Answer 2

आपके पास कुछ विकल्प हैं, जो आपकी स्थिति में सबसे आसान मैं देख सकता हूं, आंकड़ों में सीएसएस को ओवरराइड कर रहा है, कक्षाओं में '' 'और' विषम 'शैली में इच्छित शैली के लिए आगे सीएसएस के साथ।

Answer 3

CSS3 छद्म चयनकर्ताओं का समर्थन करने वाले ब्राउज़र में (इसमें अधिकांश ब्राउज़रों, विशेष रूप से आईई 7 और आईई 88 और आईई 6 शामिल नहीं हैं), एक चयनकर्ता जैसे .statisticsTable tr: नहीं (.even): नहीं (.odd) उस सेकेंड के लिए नियम समूह करना जो आप चाहते हैं वह करेगा।