2

:first-child セレクターに問題があります。私はそれを機能させることができないようです。私のコードのアイデアは、2 つの要素に単純な変換を行うことです。そのためには、: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;
}

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>

2 番目のケース (これには jquery が含まれます。この css の html は前のものと同じです)

CSS

.rotate{
transform:rotateY(180deg);
}

.rotate:first-child{
display:none;
}

.rotate:last-child{
display:block;
}

jQuery:

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

誰かが私を助けることができれば、私は感謝しています. ありがとう。

編集：

これが私のすべてのコードを含む Fidlle です。他の方法で問題を再現できませんでした。 http://jsfiddle.net/hn8Ye/4/

4

1 に答える 1

4

Fiddle と投稿されたコードが同じ場合に役立ちます。

first-child最初の要素のみに一致します。の最初の子は である.container_principalため.header、.container_principal .continut:first-child一致することはありません。

.continut要素を別の要素でラップしてみてください<div>

于 2013-08-15T11:27:12.387 に答える