无法找到用于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

有关浏览器支持表的信息，请参阅this。对于旧版浏览器，我会使用以下内容：

.adcodeblock br + span

Answer 2

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

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