테이블에 CSS 액세스 열이 있습니다.

Question

데이터 소스에 gridview를 바인딩 할 때 동적으로 생성되는 html이 있습니다. 내가 궁금한 점은 css를 사용하여 개별 열과 개별 셀에 액세스하는 방법입니다. 만약 내가 수동으로 HTML을 만들었다면 id 속성을 넣을 수 있었지만 프로그램을 시작할 때 동적으로 생성 되었기 때문에 할 수 있습니다. 여기에 당신이 그 세포에 클래스 또는 ID의 어떤 종류를 추가하도록 테이블을 만들고 어떤 수정해야한다는 것

<div> 
    <table cellspacing="0" rules="all" border="1" id="ContentPlaceHolderHome_GridView1" style="border-collapse:collapse;"> 
     <tr> 
      <th scope="col">Date</th><th scope="col">Project</th><th scope="col">Amount</th> 
     </tr><tr> 
      <td>1/1/2011 12:00:00 AM</td><td>CTS</td><td>1000.99</td> 
     </tr><tr> 
      <td>2/1/2011 12:00:00 AM</td><td>ABC Company</td><td>1001.99</td> 
     </tr><tr> 
      <td>1/3/2011 12:00:00 AM</td><td>CTS</td><td>1002.99</td> 
     </tr><tr> 
      <td>4/1/2011 12:00:00 AM</td><td>CTS</td><td>1003.99</td> 
     </tr> 
    </table> 
</div> 

Answer 1

테이블에 ID가 있으므로이 테이블을 사용하여 해당 테이블의 요소에 액세스 할 수 있습니다. 예를 들어, 세 번째 행의 두 번째 셀을 선택 , 당신은 사용할 수 있습니다

#ContentPlaceHolderHome_GridView1 tr:nth-child(3) td:nth-child(2) 

• n 번째 자녀() 선택은 IE8를 제외한 모든 주요 브라우저에서 지원 및 이전됩니다.

Answer 2

내 생각 엔 여기에 생성 된 HTML 넣어이다.

Answer 3

CssClass 속성을 사용하여 컨트롤의 CSS 클래스 이름을 정의 할 수 있습니다.