두 개 이상의 태그에 클래스를 할당하려면 어떻게해야합니까?

Question

뭔가 같은 :

HTML :

<tr class = "foo"> 
    <td class = "foo"> ... </td> 
    <td class = "foo"> ... </td> 
</tr> 

스타일 :

tr.foo, td.foo { /* all these rules apply to both */ } 

물론이 배제하지 않는다 :

// I want to merge these 
tr.foo { ... } 
td.foo { ... } 

Answer 1

는 쉼표를 사용하여 CSS의 규칙 세트를 결합 할 수 있습니다 다른 규칙 집합을 가지고있는 것에서 다른 tr.foo 또는 td.foo이거나 계단식 규칙을 덮어 씁니다.

당신이 후손 선택기를 사용하려는 경우, 그냥 공간입니다 :

tr.foo td.foo { /* affects all td class=foo children of tr class=foo */ } 

이 >

Answer 2

그냥 태그를 지정할 필요가 없습니다 .foo{/*styles in here*/}을 사용하는보다 구체적인 아이의 선택을도있다

Answer 3

<tr id="trow" > 
    <td id="tcol">...</td> 
    <td id="tcoll">..</td> 
</tr> 

CSS

당신이 언급 한 클래스 이름이 동일

#trow,#tcol,#tcoll { 
------------- 
------------- 
} 

..

foo { 
--------- 
--------- 
} 

은 충분하다. 스타일이 동일하면 병합 할 필요가 없습니다.