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

前端之家收集整理的这篇文章主要介绍了css – 无法找到用于div中第一个跨度的选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在不影响第二个跨度(Bar)的情况下将样式定位到第一个跨度(Foo),最好不使用类?不需要IE6支持.我尝试使用第一个孩子,但只有没有图像在那里工作.

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

  1. <div class="adcodeblock">
  2. img src="/images/aUHFgK.jpg" alt="" border="0">
  3. <br>
  4. <span>Foo</span>
  5. <span>Bar</span>
  6. </div>

解决方法

您可以使用:first-of-type伪类:
  1. .adcodeblock span:first-of-type

有关浏览器支持表,请参阅this.对于旧版浏览器,我会使用以下内容

  1. .adcodeblock br + span

猜你在找的CSS相关文章