상위 표에만 배경색 적용

Question

jsp 파일에 클래스 파일을 추가 할 수없는 테이블 구조가 있습니다. CSS를 통해 관리해야합니다. 이 경우 모든 테이블의 첫 번째 테이블에 배경색을 적용해야합니다. 테이블을 중첩하지 않아야합니다. CSS로 어떻게이 작업을 수행 할 수 있습니까? 예 : http://jsfiddle.net/qdDnJ/는

Answer 1

이 작업을 수행 할 수 있습니다 :

table th:first-child { 
    background: red; 
} 
table table th:first-child { 
    background: none; 
}​ 

난 그냥 외부 테이블을 클래스를 제공하고이를 사용합니다 :

table.class-name th:first-child { 
    background: red; 
} 

Answer 2

난 당신과 같이 쓸 수 있습니다 이해 당으로 :

tr th{ 
    background:red; 
} 
tr table th{ 
    background:none; 
} 

확인할 사항 http://jsfiddle.net/qdDnJ/2/

Answer 3

첫 번째 테이블의 th과 두 번째 테이블의 th을 구별하십시오. 코멘트 후

편집 :

여기를 참조 http://jsfiddle.net/qdDnJ/25/

내가 div은 첫 번째 테이블의 부모 컨테이너라고 가정했다.

테이블의 상위로 바꿀 수 있습니다.

body가 부모 인 경우, CSS는

는

body > table > tbody > tr > th { 
     background-color:red; 
    } 

Answer 4

내가 아는 가장 간단한 방법은 모든 몸이 따라 목표를 달성하기 위해 여러 가지를 시도

#yourtableId > tbody > tr > th { background: red; } 

Demo

Answer 5

아이 선택기를 사용하는 것입니다,해야합니다 질문. 이 솔루션에

하지만 우리는 단지 다음 CSS를 작성하고 배경 색상을 얻을 번째 아이를 방지 할 수있는 HTML에 따라

..

우리는 ID와 클래스 또는 어떤 일 .gap class을 받아 들일 필요하지 않습니다. 이 수업이 없어도 CSS를 적용 할 수 있습니다.

체크 여기 demo

는

여기

table th {background-color:red;} 
table td.gap tr th {background:none;} 

이 .gap 클래스

table th {background-color:red;} 
table td tr th {background:none;}