CSS 의사 클래스 폴백?

테이블에 대한 의사 클래스 인 tr:nth-child(even/odd)을 사용하고 싶지만 IE 2 인구도 지원하고 싶습니다. 그렇다면 nth-child이 지원되지 않는 경우 tr에 국경을 추가하는 순수한 CSS 방법이 있습니까?CSS 의사 클래스 폴백?

출처

2013-03-10 tkbx

시도해 볼 수 있습니다 Selectivizr, 나는 이것이 가장 쉬운 해결책이라고 생각합니다.

편집 :

또한 당신을위한 클래스를 추가 jQuery를 사용할 수 있습니다

는

$(function() { 
    $("tr:odd").addClass("odd"); 
    $("tr:even").addClass("even"); 
});

EDIT2 : 당신은 모더 나이저를 사용하는 경우

또한

, 당신은 this을 시도 할 수 있습니다.

EDIT3 :

tr { border-bottom: 1px solid #ccc; } 

tr:nth-child(odd), 
tr:nth-child(even) { border: none; } 

tr:nth-child(odd) { background: #eee; } 

tr:nth-child(even) { background: #ddd; }

출처

2013-03-10 15:00:59 Adaz

나는 스크립트를 피하려고하지만 이미 jQuery를 사용하고 있다면 뿐만 아니라 그것을 시도하십시오. – tkbx

예, 불행히도 주위에 방법이 있다고 생각하지 않습니다. 먼저 구식 브라우저에 대한 스타일을 지정하고 css3 선택기로 덮어 쓸 수 있습니다. 이해가 되나요? – Adaz

jQuery를 사용하여 IE8의 짝수 또는 홀수 요소에 클래스를 추가 할 때 의도 한대로 작동하지 않을 수 있습니다. http://stackoverflow.com/questions/3282066/ie8-and-jquery-selectors – Terry

당신은 아래의 예처럼 할 수있는 수업/요소 사이 +를 추가 할 수 있습니다, 매 5 <tr> NTH 의사의 margin-right

tr{margin-right:10px;} 
tr + tr + tr + tr + tr{margin-right:0;}

좋은 교체를 제거 어떤 자바 스크립트와 IE7 + 호환이없는 클래스)

출처

2013-03-26 20:34:46 Warface

CSS 의사 클래스 폴백?

답변

관련 문제