이 td 요소를 선택하는 방법은 무엇입니까?

Question

값이 2 인 td 요소를 선택해야합니다. 일반 CSS를 사용하면 어떻게 할 수 있습니까?

<tr class="Foobar"> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
</tr> 

고마워요!

tr.Foobar td:nth-of-type(2) { 
    /* your CSS */ 
} 

JS Fiddle demo :

Answer 1

나는 당신이 선택하고자하는 두 번째 td 요소 (수 2를 포함하는 대신 어떤td 요소)하다는 가정에 좋을 것.

tr.Foobar td:nth-child(2) { 
    /* your CSS */ 
} 

JS Fiddle demo. 당신이 :nth-of-type() 또는 :nth-child()를 지원하지 않고, 이전 버전의 브라우저를 지원해야하는 경우

, 당신은 사용할 수 있습니다

tr.Foobar td:first-child + td { 
    /* your CSS */ 
} 

JS Fiddle demo합니다.

참고 :

• CSS Selectors.