Question

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

<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>

我想为每个<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

使用jquery / css

Answer 1

尝试

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

演示：Fiddle

Answer 2

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

<强> CSS

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

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

Child selector（>）
First-child pseudo class（:first-child）
Adjacent sibling selector（+）

Answer 3

是的，这是重复的。看看：

CSS: apply background color to first-child of ul li menu

我认为，最好的方法是使用原生CSS而不是某些脚本减慢网站...

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

参考@Mr。外来

Answer 4

试试这个：

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

在fiddle中查看。或without jquery：

.slides li > :nth-child(2) {
    color: blue;
}

Answer 5

试试这个，

$('.slides li').find('div:eq(1)').css('color', 'green');

在每次出现的父元素中首次出现元素

5 个答案: