Css 在整个文档中选择子对象

我正在制作一个演示网站，里面有幻灯片。每张幻灯片都是一个div。 我制作了像“layout-50”、“layout-70”这样的类，作为幻灯片的模板。它看起来像这样：

<!----------- SLIDE 1 ----------->
<!------------------------------->
<div data-scroll-index="0" class="slide">
    <div class="layout-100"></div>
</div>

<!----------- SLIDE 2 ----------->
<!------------------------------->
<div data-scroll-index="1" class="slide">
    <div class="layout-70">

    </div>
</div>



<!----------- SLIDE 3 ----------->
<!------------------------------->
<div data-scroll-index="2" class="slide">
        <div class="layout-100">
        </div>
</div>

在CSS中，我使用子选择器调用这些类。问题是，例如，我不能使用nth:child（2）来选择第二个“layout-100”。有没有什么我可以做的

如果它不是动态的，您可以检查父级的索引

代码中的问题是幻灯片类div中只有一个子元素

但是在低于ie9的浏览器中，使用第n个孩子会有问题

---

当您手动添加幻灯片而不是来自任何脚本或CMS时，“如果不是动态的”是什么意思

.slide:nth-child(3) .layout-100 {
}