故障查找選擇器用於第一個跨度在div中

如何在不影響第二個跨度（Bar）的情況下將樣式定位到第一個跨度（Foo）而不使用類別？不需要IE6支持。我嘗試使用第一個孩子，但只有沒有形象在那裏工作。故障查找選擇器用於第一個跨度在div中

如果我使用「.adcodeblock span：n-child（3）」，我可以忍受退化，但我想我會先與更有經驗的人一起檢查。

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

2012-01-20 SkinnyG33k

可以使用:first-of-type僞類：

.adcodeblock span:first-of-type

的瀏覽器支持表見this。對於舊的瀏覽器我會用這樣的：

.adcodeblock br + span

2012-01-20 18:05:48 melhosseiny

如果你生活中可以沒有IE8及以下，你可以嘗試

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

2012-01-20 18:06:09

回答