CSS 일치 요소 클래스 요소

Question

모든 td 요소는 tr에 일치합니까? tr의 클래스는 my-class입니까?

나는 또한

tr .my-class td

을 시도했습니다 - 완전히 자격이 낫다?

table tbody tr td은 td입니까?

.my-class td 

그것은 일반적으로 더 나은 당신이 요청하는 방식에 완전히 자격을 아니에요 :

Answer 1

항상 선택기의 양을 최소화, 그래서 대신에 단지

.my-class td 

두 번째 질문은 첫 번째와 관련이

tr.my-class td 

사용. 다음 셀러를 사용할 때

table tbody tr td 

브라우저는 먼저 td 요소를 모두 찾습니다. 그런 다음 어떤 요소가 tr 요소에 있는지 확인한 다음 tbody에 있고 마지막으로 table에 있는지 확인합니다. 적절히 구조화 된 코드 td은 항상 테이블에 배치되기 때문에 선택기를 과도하게 한정 할 필요가 없습니다.

CSS 선택기의 효율성에 대한 기사가 많습니다 (예 : http://csswizardry.com/2011/09/writing-efficient-css-selectors/).

Answer 2

그냥이 사용합니다.

.my-class td { 
    // your css rules here 
} 

또는 ...

tr.my-class td { 
    // your css rules here 
} 

또는 ...

table tbody tr.my-class td { 
    // your css rules here 
} 

당신이 원하는 방법을 특정 따라 다름/필요 : 그것은 over-specific

Answer 3

당신은 할 수 중 하나를 간단하게 할 수있는라고 되려고.

나는 그것이 당신을 위해 작동하는 한 더 적은 CSS를 쓰는 것이 좋습니다.