css - 如何仅设置此 div 的第一个实例的样式

Question

我正在尝试将样式应用于除第一个之外的每个 div 实例，我已经尝试了我能想到的第 nth-child 和 first-of-type 的所有组合，但都无济于事。

这是 HTML:

<div id="calendar">
    <div class="large-2 medium-2 columns">&nbsp;</div>
    <div class="large-8 medium-8 columns">
        <div class="month">April</div>
        <div class="event">
            <div class="date large-2 medium-2 left"><span class="day">18</span><span class="dayofweek">FRI</span></div>
            <div class="description large-10 medium-10 left">
                <div class="title">Test Event</div>
                <div class="details">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam bibendum ut sem sed sagittis.</p>
                    <div class="rsvp">RSVP</div>
                    <div class="facebook"></div>
                    <div class="twitter"></div>
                </div>
            </div>
        </div>
        <div class="event">
            <div class="date large-2 medium-2 left"><span class="day">20</span><span class="dayofweek">SUN</span></div>
            <div class="description large-10 medium-10 left">
                <div class="title">Test Event 2</div>
                <div class="details">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam bibendum ut sem sed sagittis.</p>
                    <div class="rsvp">RSVP</div>
                    <div class="facebook"></div>
                    <div class="twitter"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="large-2 medium-2 columns">&nbsp;</div>
</div>

除了第一个实例，我想对“描述”div 的每个实例应用一种样式，谁能告诉我我会为此使用什么选择器？谢谢!

Answer 1

目前无法使用 CSS native 执行此操作:请参阅 this question.

---

但是，一种方法是使用 jQuery 应用样式:

$($(".description")[0]).css({

    background: "red",
    width: "40%"

});

JSFiddle

---

您还可以使用更改创建一个 CSS 类，并使用 jQuery 将其应用于第一个元素:

$($(".description")[0]).addClass("first-description");

JSFiddle