범용 선택기 (*)와 : last-child가 모든 모바일 브라우저에서 작동합니까?

Question

나는 자식 요소의 다른 종류를 포함 할 수있는 DIV 컨테이너를 가지고 :

내 컨테이너의 마지막 요소를 선택하고 특정 스타일을 적용 할

<div id="my-container"> 
    <p>...</p> 
    <p>...</p> 
    <div>...</div> 
    <blockquote>...</blockquote> 
    ... 
</div> 

. 그러나 마지막 요소가 p, div 또는 기타인지 여부는 알 수 없습니다. 이것이 내가하는 방법입니다.

#my-container > *:last-child { 
    /* my styles */ 
} 

이 기능은 모든 모바일 브라우저에서 작동합니까?
(이 경우 데스크톱 브라우저는 신경 쓰지 않습니다.)

고맙습니다. 보편적 인 선택을 붙이는
칼

Answer 1

:last-child는 여전히 부모 내에서 마지막 자식 인 모든 요소를 ​​대상으로 할 수 있습니다 전에 선택기를 지정하지 않는 때문에,이 경우에는 필요하지 않습니다.

:last-child 가상 클래스는 caniuse에 따라 모바일 브라우저에서도 잘 지원됩니다.

대신에 단지 사용 :

#my-container > :last-child { 
    /* my styles */ 
} 

http://jsfiddle.net/utEUw/4/