테이블에서 하나의 전체 열을 선택하여 다르게 스타일을 지정하는 방법이 있습니까?

다르게 스타일을 지정하기 위해 테이블에서 하나의 전체 열을 선택하는 방법이 있습니까? 모든 td에 클래스 나 id를 추가하지 않고?테이블에서 하나의 전체 열을 선택하여 다르게 스타일을 지정하는 방법이 있습니까?

HTML과 CSS 2.1에서만 사용하고 싶습니다. 브라우저 간 호환성이있는 브라우저

나는 파벨과 루벤의 해결책이 모두 마음에 들었다. 하나는 html 솔루션이고 하나는 isjquery 솔루션입니다. 지금 어떤 대답을 선택해야합니까? –

<col> 요소를 사용해보세요.

2010-01-25 12:59:57

네, ''요소를 사용하여 표 셀에 설정할 수있는 유일한 CSS 속성은 'border','background','width' 및'visibility'입니다. 그리고 그들이 얼마나 잘 지원되는지 모르겠습니다. –

그 링크에서 그들은 브라우저 지원에 대해 이야기합니다 –

나는 이 Firefox에서 지원되지 않는다고 생각합니다. –

jQuery cell selector plugin을 사용하여 표의 열을 선택할 수 있습니다. 다음은 예이다 :

는

$('#mytable tbody td:nth-col(4)');

이 코드 테이블의 네 번째 열을 선택하는 방법을 보여준다. 즉 다른 옵션 그래서

HTH는

2010-01-25 13:11:04

나는, 사파리, 오페라와 파이어 폭스 지원 the :nth-child CSS selector의 최신 버전을 생각합니다.

저는 IE 6와 7이 당신에게 기쁨을 줄 것이라고 생각하지 않지만, 당신은 거기에 <td> 클래스를 추가하는 것을 계속합니다.

2010-01-25 13:33:56

답변