Jquery CSS第一个子选择器对大多数元素不起作用

我遇到了问题：第一个孩子选择器。我似乎无法让它工作。我的代码的思想是对两个元素进行简单的转换，为此我需要使用：first child。在我的代码中，有2种或更多情况下它不起作用。这是：

第一种情况：

CSS:

.container_principal .continut.rand{
    display:none;
    sbackface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
}

.container_principal .continut.rand:first-child{
    display:block;
}

$(".col_1.produse").click(function(){
        $(".continut.rand.principal, .continut.rand.produse").addClass("rotate");
    });

HTML

<div class="container_principal acasa">
    <div class="continut rand principal">Content goes here
    </div>

    <div class="continut rand produse">
    </div>

    <div class="continut rand despre">
    </div>

    <div class="continut rand servicii">
    </div>

    <div class="continut rand galerie">
    </div>

    <div class="continut rand contact">
    </div>
</div>

jQUERY:

.container_principal .continut.rand{
    display:none;
    sbackface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
}

.container_principal .continut.rand:first-child{
    display:block;
}

$(".col_1.produse").click(function(){
        $(".continut.rand.principal, .continut.rand.produse").addClass("rotate");
    });

如果有人能帮助我，我将不胜感激。 谢谢

编辑：

.container_principal .continut.rand{
    display:none;
    sbackface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
}

.container_principal .continut.rand:first-child{
    display:block;
}

$(".col_1.produse").click(function(){
        $(".continut.rand.principal, .continut.rand.produse").addClass("rotate");
    });

这是一把小提琴，上面有我所有的代码。无法以任何其他方式重现该问题。

---

如果您的小提琴和张贴的代码是相同的，这会有所帮助

第一个子元素

仅与第一个元素匹配。

.container\u principal

的第一个子项是

.header

，因此

.container\u principal.continut:第一个子项

永远不会匹配

---

尝试将您的

.continut

元素包装到另一个

如果您的小提琴和发布的代码相同，则会有所帮助

第一个子元素

仅与第一个元素匹配。

.container\u principal

的第一个子项是

.header

，因此

.container\u principal.continut:第一个子项

永远不会匹配

---

尝试将您的

.continut

元素包装到另一个

中

.col\u 1

在哪里？特别是

.col\u 1.produse

你能为这个制作一把小提琴吗？只要一分钟。.colu_1与我的问题无关：（.如果需要的话，我会把它放进去。我只是问了一下，因为这是在你的jQuery中。顺便说一句：从

sbackface visibility

的第一个

s

字符中删除

s

字符。colu 1？特别是

。colu 1.produse

你能为它创建一把小提琴吗？只需一分钟。colu 1没有任何东西要做解决我的问题：（.如果需要的话，我会把它放进去。我只是在问，因为这是在你的jQuery位中。还有一个旁注：从

sbackface visibility

的第一个中删除

s

字符。他也可以使用@Itay-Itai:那会有什么变化？它们都是

div

s。@ItayItai正如BoltClock所说的。

第一个类型

仅参考rs指向节点名，而不是类。这是一个遗憾，因为如果它可以检查类，那将非常棒。他还可以使用@Itay Itai:那会有什么变化？它们都是

div

s.@ItayItai BoltClock说的。

类型的第一个

只指节点名，而不是类。这是一个遗憾，因为如果它可以c，那将非常棒见鬼去上课。