div의 첫 번째 스팬에 사용할 선택기를 찾는 중 문제가 발생했습니다.

Question

클래스를 사용하지 않고 두 번째 스팬 (Bar)에 영향을주지 않고 첫 번째 스팬 (Foo)의 스타일을 어떻게 타겟팅 할 수 있습니까? IE6 지원은 필요하지 않습니다. 나는 첫 번째 아이를 사용하여 시도했지만 이미지가 없으면 작동합니다.

".adcodeblock span : nth-child (3)"을 사용하면 성능이 저하 될 수 있지만 처음에는 경험이 많은 사람들과 확인해 보았습니다.

.adcodeblock span:first-of-type 

브라우저 지원 테이블 this를 참조하십시오

<div class="adcodeblock"> 
    img src="/images/aUHFgK.jpg" alt="" border="0"> 
    <br> 
    <span>Foo</span> 
    <span>Bar</span> 
</div> 

Answer 1

당신은 :first-of-type 의사 클래스를 사용할 수 있습니다. 이전 버전의 브라우저를 들어 I는 다음과 같이 사용합니다 : 아래 IE8없이 살 수 있다면 당신은 시도 할 수,

.adcodeblock br + span 

Answer 2

을

.adcodeblock span:nth-of-type(1)