0

スライド付きのプレゼンテーション Web サイトを作成しています。各スライドは 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) を使用して 2 番目の「layout-100」を選択できないことです。とにかく私はこれを行うことができますか？

4

1 に答える 1

0

動的でない場合は、親のインデックスを確認できます

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

コードの問題は、スライド クラスの div 内に子要素が 1 つしかないことです。

ただし、nth-child を使用すると、ie9 未満のブラウザーでは問題が発生します。

于 2013-09-11T08:17:33.373 に答える