0

我正在制作一个带有幻灯片的演示网站。每张幻灯片都是一个 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”。无论如何我可以做到这一点吗？

4

1 回答 1

0

如果不是动态的，可以查看父级的索引

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

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

但是在低于ie9的浏览器中使用nth-child会出现问题

于 2013-09-11T08:17:33.373 回答