Question

我的页面上有一些元素，除了其他每个元素外，它们的样式都应该相同，我只想更改一些样式。

这是我希望在不同元素的堆栈中选择div的CSS：

.stagger_reviews[class=inner]:nth-child(2n+2) {
    background-color:#003;
}

这是HTML：

<div class="stagger_reviews">
<!-- Later use PHP to load reviews, CSS should switch the images from left to right -->
    <article class="container box style1">
        <a style="background-image:url(images/blank-user.jpg); " href="#" class="image fit"></a>
        <div class="inner">
            <header>
                <h2>Martyn Ball</h2>
            </header>
            <p>
                I found this service on a Google Search, didn't expect it to be so great!
            </p>
        </div>
    </article>
    <article class="container box style1">
        <a style="background-image:url(images/blank-user.jpg); " href="#" class="image fit"></a>
        <div class="inner">
            <header>
                <h2>Martyn Ball</h2>
            </header>
            <p>
                I found this service on a Google Search, didn't expect it to be so great!
            </p>
        </div>
    </article>
</div>

正如您所看到的，我只想调整每篇文章中具有类名inner的div。也许还有其他一些元素，但是一旦我有了这个工作，我就可以做到。

该样式未应用于第二个inner div，我已经制作了大约4个文章副本，但没有一个被更改。

Answer 1

这是解决方案，我把第n个孩子放在了错误的地方。

.stagger_reviews > article:nth-child(2n+2) div[class=inner]

nth-child，用类名更改每个其他div的样式

1 个答案: