CSS 특수성 : ID가있는 선택자가 클래스의 선택 자보다 우선 적용되지 않습니까?

Question

저는 CSS에 능숙하지는 않지만 특이성에 대한 기본적인 생각을 이해합니다 (또는 그렇게 생각합니다). 최근 I (이 부분 비트 피검 소자에 효과적 부분이다)과 같이 각각의 셀에 대해 정의 된 부트 스트랩 (3)의 테이블 CSS을 무시하려고 노력 하였다

.table > tbody > tr.danger > td, .table > tfoot > tr.danger > td { 
    background-color: #ddd; 
} 

I이려고

이와 함께, 해당 셀을 포함 전체 행의 배경색을 오버라이드 (override) : 내가 알기로 인해 ID에 높은 특이성을 가지고,

table#results > tbody > tr.highlighted { 
    background-color: #ffd15b; 
} 

. 내 CSS에서 아이 td을 도입 전까지는 전혀 작동하지 않는 :

table#results > tbody > tr.highlighted > td { 
    background-color: #ffd15b; 
} 

왜 내 첫 번째 시도에서 일을 했습니까? Safari 및 Chrome (최신 버전)에서 모두 시도했습니다.

Answer 1

문제는 CSS의 특수성이 아니라 단지 행의 배경을 숨기는 셀의 배경 (<tr>) 일뿐입니다.

Answer 2

시도 일반적으로 그래서
table#results { border-collapse: collapse;}