2011-03-22 2 views
0

table 안에없는 td은 아마도 HTML 또는 XHTML로 유효성을 검사하지 않으므로 잘 정의되어 있지 않으므로 table없이 td의 실제 사용이 없을 수 있습니다. 그래서 CSS에서 CSS에서 "table td {...}"의 "table"이 정말로 필요합니까? 테이블 내에 "td"가 발생할 수 있습니까?

table tdtable 안에 있어야로, 그것은 사실이 아니다,
table td { padding: 0 2em } 

정말 필요하지 않습니다

에서?

(업데이트 :table td는 프로그래머가 아마

table: 
    background: #fff 
    td: 
    border: 1px solid #000 

같은 스타일을 작성하고 그것이 td 부분 table td로 컴파일 얻을 것이다 말대꾸에서와 같이 발생)

답변

2

아니요, 필요하지 않습니다. 그것은 습관에서 순전히에는 ID가 없을 때

table#tps_report td{ padding: 0 2em } 

그리고 테이블은 고아로 남겨 : 사람들이 그것을 할 이유 그러나 이것은이다. 나는 또한 CSS + DOM 파서가 더 쉽게 작업을 할 수 있다고 확신한다.

+2

그것은 적은 작업하지 않습니다 - 그것은 (단지'td'보다) 더 많은 작업입니다 :

타자로 :

form input { width: 50px; color:red; } ul li { padding:5px 0; } 

은 동일합니다. 참조 : http://www.css-101.org/descendant-selector/go_fetch_yourself.php – thirtydot

+1

가장 오른쪽 선택기가 id 선택기 인 경우에만. id 인출은 모든 테이블을 찾은 다음 모든 td 하위 항목을 찾은 다음 특정 ID를 찾는 것보다 훨씬 짧은 시간에 파서를 사용합니다. 그러나 10 개의 테이블이있는 페이지에서는 문제가되는 테이블을 지정하는 것이 좋습니다. –

+0

동의하지 않습니다 - 브라우저는 선택기를 오른쪽에서 왼쪽으로 구문 분석합니다. 'td '를 사용하면 모든'td' 태그를 찾을 수 있습니다. 끝난. 'table # tps_report td'를 사용하면 모든 td 태그를 찾을 수 있습니다. * 그런 다음,'# tps_report'와'table' 안에 체크하는 추가 작업이 있습니다. 분명히 첫 번째 선택자는 시간이 덜 걸립니다. "가장 오른쪽 선택기가 id 선택기 인 경우에만." - 뭐?'td' 태그의 스타일을 지정하려면 맨 오른쪽 셀렉터는 항상'td'입니다. – thirtydot

0

그래 td 만 할 수 table 요소에서 발생하므로 다음을 통해 스타일을 적용합니다.

괜찮습니까?

2

필요하지 않아야합니다.

td { padding: 0 2em } 

TD를 사용하면 태그뿐만 아니라 CSS 규칙을 마크 업에 적용하는 것이 더 효율적입니다.

3

유일한 차이점은 table은 선택자에게 더 높은 특이성 => 규칙을 부여합니다. table td 선택자는 항상 td 선택자의 규칙보다 우선합니다.

0

이 내용은 formlist 태그 (다른 태그도 포함)에 적용됩니다.

input { width: 50px; color:red; } 
li { padding:5px 0; } 
관련 문제