여러 테이블 스타일 지정 문제

Question

내 페이지의 스타일을 지정하려고합니다. 첫 번째 테이블은 문제없이 완벽했습니다. 이제 세 번째 테이블의 스타일을 지정하려고하는데 사용자 정의 클래스를 제공했지만 다른 테이블의 스타일을 적용하는 것처럼 보입니다.

3 행 6 열을 사용하고 있습니다. HTML :

<table class="videos"> 
<tr> 
<td> 
Content 
</td> 
</tr> 
</table> 

CSS : n 번째 자녀 (4) 어떻게 든 비디오의 TD 클래스에 우선 :

<--- part of another table ---> 
    td:nth-child(4) { 
     padding-right:25px;} 
<--- part of another table ---> 

table.videos { 
    width:940px;} 

table.videos td { 
    border-bottom:1px solid #333; 
    padding-top:13px;} 

그래서 나는 테이블 비디오하지만 클래스 TD 스타일을 원한다. 패딩 오른쪽 사용 : 0px; table.videos td does work ...

누구든지 어떤 sugestions? Thnx 사전에!

Answer 1

에 대한 스타일링 td:nth-child은 모두 테이블에 적용됩니다. 당신은 당신이 동영상을했던 것처럼, 모든 테이블에게 자신의 클래스를 제공해야하고, 같은 일이 변경 주위에 다른 CSS 규칙을 작업 :

.firsttable td:nth-child(4){ 
    /*something*/ 
} 

.videos{ 
    /*something else*/ 
} 

.videos td{ 
    /*something else*/ 
}