Jquery 如何在多班级中设置第一个孩子

嗨，我有一个关于css的问题。 我想更改“active”类的第一个元素“3”的颜色

这是我的代码，但不起作用

.item.active:第一个子项{
颜色：红色
}

1.
2.
3.
4.
5.
6.
6

在jquery中，您可以像这样将

首先

与

类一起使用


$（.active:first”）.css（“颜色”、“红色”）

1.
2.
3.
4.
5.
6.
6
：第一个孩子总是指父母的第一个孩子。在这种情况下，它指的是
1
。添加类以尝试更改目标不会更改此行为。第n个选择器引用父级和同级，它忽略关于jquery的classIts，不使用css，因此不重复。
Using owl carousel center event You can also achieved the same:   

 .center {
            color: red;
        }

     $('.nonloop').owlCarousel({
                    center: true,
                    items: 2,
                    loop: false,
                    margin: 10,
                    responsive: {
                        600: {
                            items: 4
                        }
                    }
                });