1

以下に CSS セレクターの 2 つの例を示しますが、何が違うのかわかりません。

.foo-class a{
    /* this will select all anchor tags inside foo-classes */
}

.foo-class > a{
    /* this will also select all anchor tags inside foo-classes, no? */
}

編集：答えが見つかりました。">" は直接の子のみを選択します。他の人が役に立つと思う場合に備えて、ここに質問を残しておきます。

4

2 に答える 2

10

>の直接の子のみを選択することを意味しますfoo-class。最初のセレクターを使用すると、 の下の任意のレベルで子が選択されますfoo-class。以下のコードで使用>すると、最初のアンカーが選択されていないことを意味します。これは、2 番目のアンカーの直接の子孫ではないためfoo-classです。

<div class="foo-class">
    <p>
        <a href="#">Unaffected Link</a>
    </p>
    <a href="#">Affected Link</a>
</div>

「利点」はありません。選択したものを制御する方法が異なるだけです。

于 2013-09-12T22:07:36.753 に答える
1

2 つ目は、 の直接の子です.foo-class。最初のものはすべて内部にあります.foo-class

于 2013-09-12T22:08:07.507 に答える