无法找到用于div中第一个跨度的选择器

Question

如何在不影响第二个跨度(Bar)的情况下将样式定位到第一个跨度(Foo),最好不使用类？不需要IE6支持.我尝试使用第一个孩子,但只有没有图像在那里工作.

如果我使用".adcodeblock span:nth-​​child(3)",我可以忍受退化,但我想我会先咨询更有经验的人.

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

Answer 1

你可以使用:first-of-type伪类:

.adcodeblock span:first-of-type

有关浏览器支持表的信息,请参阅此 对于旧版浏览器,我会使用以下内容:

.adcodeblock br + span

Answer 2

如果你可以在没有IE8及以下的情况下生活,你可以试试

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