여러 테이블에 CSS 셀 패딩을 지정하려면 어떻게합니까?

Question

페이지에 2 개 (아마 3 개 이상)의 테이블이 있는데 테이블 A에 셀 패딩 10px, 테이블 B에 20px 패딩이 있어야합니다. {padding: 10px;}과 같은 CSS td 요소를 만드는 것은 두 테이블이 모두 10 픽셀이기 때문에 좋지 않습니다. 두 번째 표의 모든 <td>에 class="diffpad"을 넣지 않으려 고합니다. 기본적으로 한 테이블의 모든 셀에 대해 하나의 패딩을 지정하고 두 번째 테이블의 모든 셀에 대해 다른 패딩 크기를 지정하려고합니다. 하지만 아시다시피 패딩 스타일을 테이블 요소에 추가 할 수는 없습니다. 그렇다면 각 요소에 대해 백만 번 반복하지 않고 어떻게해야합니까? <td> 요소가 있습니까?

Answer 1

각 테이블 (tds 제외)에 고유 한 ID를 부여하면이 작업을 수행 할 수 있습니다.

#table1 td{ 
    padding:10px; 
} 
#table2 td{ 
    padding:20px; 
}