用于div中第一个跨度的故障查找选择器

Question

如何在不影响第二个<span>（Bar）的情况下将样式设置为第一个<span>（Foo？不需要IE6支持。我尝试过使用first-child，但这只适用于没有图像的情况。

如果我使用.adcodeblock span:nth-child(3)，我可以忍受降级，但我想我会先和更有经验的人核实一下。

<div class="adcodeblock">
  <img src="/images/aUHFgK.jpg" alt="" border="0">
  <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)