나는 두 CSS 기능을 다음과 결합하는 문제가 CSS

Question

에서) ((홀수)가 아닌 n 번째의 아이를 결합 : (홀수)와하지 (이 아니요 줄무늬) n 번째의 아이를

HTML :

<table class="table-striped"> 
<tr> 
    <th>Header</th> 
</tr> 
<tr> 
    <td>Line 1</td> 
</tr> 
<tr class="not-striped"> 
    <td>Hidden line</td> 
</tr> 
<tr> 
    <td>Ligne 2</td> 
</tr> 
<tr> 
    <td>Line 3</td> 
</tr> 
<tr> 
    <td>Line 4</td> 
</tr> 
</table> 

CSS :

.table-striped tbody > tr:nth-child(odd):not(.not-striped) > td, 
.table-striped tbody > tr:nth-child(odd):not(.not-striped) > th { 
    background-color:#f00; 
} 

JSFIDDLE : http://jsfiddle.net/barbuslex/9Zck6/1/

JSFIDDLE2 : http://jsfiddle.net/barbuslex/4GLMZ/1/

나는 줄무늬가없는 줄이 다음 줄의 번갈아 가면서 색을 바꾸지 않고 꼭대기 줄과 같은 색으로 보이기를 바랍니다.

예 :

• 헤더 : RED
• 라인 1 : WHITE
• 숨겨진 라인 : WHITE
• 라인 2 : RED
• 라인 3 : WHITE
• 라인 4 : RED

내 테이블 i 역동적 그래서 가질 수

• 헤더 : RED
• 라인 1 : WHITE
• 숨겨진 라인 : WHITE를
• 라인 2 : RED
• 숨겨진 라인 :
• 라인 3 RED : WHITE
• 행 4 : RED
• 숨겨진 라인 : RED

도와 주시겠습니까?

감사

Answer 1

당신이이 클래스는 &을 .stripped 사용이 아니요-제거 당신을 해달라고?

<table class="table-striped"> 
    <tr class="striped"> 
     <th>Header</th> 
    </tr> 
    <tr class="not-striped"> 
     <td>Line 1</td> 
    </tr> 
    <tr class="not-striped"> 
     <td>Hidden line</td> 
    </tr> 
    <tr class="striped"> 
     <td>Ligne 2</td> 
    </tr> 
    <tr class="not-striped"> 
     <td>Line 3</td> 
    </tr> 
    <tr class="striped"> 
     <td>Line 4</td> 
    </tr> 
</table> 

CSS :

.striped 
{ 
    background-color:#F00 
} 

.not-striped 
{ 
    background-color:#FFF 
} 

내 결과 :

JSFiddle : 나는 당신이 달성하기 위해 트링하는 것을 이해 해달라고 enter link description here