如何使用CSS针对单独的嵌套元素

我试图在下面的结构中单独针对每个跨度。我试过nth-child() & nth-of-type()但它不起作用，它只将第一种样式应用于所有跨度。任何人不知道如何做到这一点，没有给每个单独的ID？如何使用CSS针对单独的嵌套元素

<div> 
    <div> 
    <span></span> 
    </div> 
    <div> 
    <span></span> 
    </div> 
    <div> 
    <span></span> 
    </div> 
</div>

2013-08-31 Axl

如果你没有把在div的跨度，第n个孩子将工作..把单个跨度在div中是相当多余的。 –

试试这个的div

2013-08-31 18:25:24 Hushme

1+ ..不错，这个作品:) http://jsfiddle.net/wmdKw/ –

@Travis他希望通过它的父div单独针对跨度如何在没有它的情况下完成 – Hushme

@Travis是的我的第一个表达是你也误解了这个问题 – Hushme

div > div:nth-of-type(n) > span { 

}

其中(n)将数试试这个

div>div>span{ 

}

2013-08-31 18:30:07 Nitesh

回答