如何使用CSS单独嵌套嵌套元素

Question

我正试图在下面的结构中单独定位每个跨度。我试过nth-child()＆amp; nth-of-type()但它不起作用，它只是将第一种风格应用于所有跨度。任何人都不知道怎么做而不给每个人单独的ID？

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

Answer 1

试试这个

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

}

其中(n)将是div

的编号

Answer 2

试试这个

div>div>span{

}