BluePrint CSS를 사용하여 행 색상을 번갈아 사용하지 않고 div 안에 테이블을 만드시겠습니까?

Question

Blueprint CSS Framework 1.0.1은 기본적으로 모든 테이블 행을 교대로 색상으로 설정합니다. screen.css의 행은 다음과 같습니다

괜찮아요하지만

tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;} 

내가 사업부 (내부) 에릭 마틴, 난하여 simplemodal jQuery 플러그인을 사용하여 모달 창 내에서 하나 개의 테이블에 대한이 동작을 중지해야 다만 사용하여 CSS를 무시하려고 : screen.css 후로드 다른 CSS 파일 이름 custom.css에서

#contact-container tbody tr:nth-child(even) td, tbody tr.even td {background:#FFFFCC;} 

하지만 재정의 페이지도 외부 접촉 컨테이너의 모든 테이블에 영향을

div 안에있는 해당 테이블에 대한 동작을 재정의 할 수있는 방법이 있습니까?

누구나 나를 도와 줄 수 있습니까?

미리 감사드립니다.

Answer 1

당신은 !important와 overwritting 금지 할 수 있습니다 : 당신은 한 곳에서 ID를 누락

#contact-container tr {background:#FFFFCC !important;} 

Answer 2

:

#contact-container tbody tr:nth-child(even) td 
{ 
    background:#FFFFCC; 
} 

tbody tr.even td 
{ 
    background:#FFFFCC; 
} 

포맷 된 경우 :

#contact-container tbody tr:nth-child(even) td, 
tbody tr.even td 
{ 
    background:#FFFFCC; 
} 

을이이 정말 동일합니다 위와 같이 문제를 볼 수 있습니다. 그 후반부는 당신의 이드에만 국한된 것이 아닙니다. 이것을 다음으로 변경하십시오 :

#contact-container tbody tr:nth-child(even) td, 
#contact-container tbody tr.even td 
{ 
    background:#FFFFCC; 
}