0

对不起，我有一个令人困惑的问题。这可能是重复的。 

<ul class="slides">
     <li>
        <div class="primary_care_two></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
    </li>
     <li>
        <div class="primary_care_two></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
    </li>
     <li>
        <div class="primary_care_two></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
    </li>
</ul>

class="app_con"我想为每个设置第一次出现的自定义 css<li>

使用 jquery/css

4

5 回答 5

1

尝试

$('.slides li').find('.app_con:first').css('color', 'red')

演示：小提琴

于 2013-08-26T11:06:04.200 回答
1

无需使用 jQuery。你可以只使用 CSS 来做同样的事情：

CSS

li > div:first-child + div{
    /* css properties */
}

我在上面的代码中使用的选择器是：

于 2013-08-26T11:08:05.823 回答
0

对，这是重复的。看一眼：

CSS：将背景颜色应用于ul li菜单的第一个孩子

我认为，最好的方法是简单地使用原生 CSS 而不是一些脚本减慢网站速度......

ul li div:nth-of-type(2) {
    color: #f00;
}

参考@Mr. 外星人

于 2013-08-26T11:08:19.530 回答
0

尝试这个：

$('.slides li > :nth-child(2)').css('color', 'red');

在fiddle中看到它。或者没有 jquery：

.slides li > :nth-child(2) {
    color: blue;
}
于 2013-08-26T11:09:28.150 回答
0

尝试这个，

$('.slides li').find('div:eq(1)').css('color', 'green');
于 2013-08-26T11:14:29.413 回答