2011-11-04 6 views
0

내 웹 페이지에 HTML 테이블이 있습니다. 나는 그 테이블에 CSS를 적용했다. 이제 테이블 헤더 인 첫 번째 행에 대해서만 CSS를 변경하고 싶습니다. 테이블이 테이블의 첫 번째 행에 액세스하십시오.

은 내가 어떻게 이것을 달성 할 수 GRIDVIEW

에서 자동 생성되기 때문에

나는 테이블 헤더의 일을 가지고 있겠지?

+0

내가 GRIDVIEW 모르지만, [반드시이 헤더를 삽입 할 수 있습니다 (http://msdn.microsoft.com/en-us/library/system.web .ui.webcontrols.gridview.headerrow.aspx)? – Quentin

답변

3
tr:first-child 

스타일을 적용하십시오. GRIDVIEW "에 의해

table tbody tr:first-child 
{ 
    background-color: red; 
} 

http://jsfiddle.net/KvHsb/

+0

이것은 테이블 머리글의 첫 번째 테이블 행과 테이블 바닥 글 및 각 테이블 본문과 일치합니다. – Quentin

2

하는 것은 자세한 내용은이 읽기 CSS 의사 클래스를 :first-child

사용을 고려 "당신은 ASP.NET GridView control을 추천하고 있습니다. ShowHeader property을 사용하여 th을 생성 할 수 있습니다.

이렇게하면 th에 연결할 수 있으며 의미 상으로 정확합니다.

myGridControl.ShowHeader = true; 

또는

<asp:GridView ShowHeader="true" [...]> 
+1

더 나은 솔루션입니다. 나는 항상 ''과''의 사용을 권장한다. ': first-child' 의사 클래스가 항상 지원되는 것은 아닙니다 (IE) –

1

는 예를 들어, CSS 의사 클래스 :first-child를 사용

관련 문제