4

cssでどう違うのかわかりません

something
{
   //some properties
}

something >.somethingelse
{
   // something else's properties
}

something
{
   //some properties
}

something .somethingelse
{
   // something else's properties
}

>2番目のケースでなぜそのようなものがあるのか​​わかりません。使用するためのものもあるべき<ですか?

4

3 に答える 3

7

>、直接の子somethingelseが。の下にあることを示しますsomething。それ以外の場合、子孫はすべてのレベルで見つかります。

したがって、次の例を使用します。

<div class="something">
    <div class="somethingelse">
        <div class="somethingelse">
        </div>
    </div>
</div>

この>例では、外側のsomethingelsedivのみが有効になります。>両方のdivがない例では、スタイルが適用されます。

<親セレクターを意味する場合があります(つまり、一致するクラスの直接の親にスタイルを適用します)。私はこれがまだ存在していることに気づいていませんが、ここにcsstricksに関する興味深い投稿があります。

于 2012-09-03T22:14:43.810 に答える
3

は、クラスを持つ要素のであるクラスを>持つ任意の要素を選択します。.somethingelse.something

2番目のCSSセレクターは、クラスを持つ要素の子孫.somethingを選択します。つまり、子供たち、子供たちの子供たちなどです。

于 2012-09-03T22:14:40.667 に答える
0

>somethingクラスを持つの直接の子孫を選択します.somethingelse

現在<、CSS には親 ( ) セレクターはありません

于 2012-09-03T22:15:37.420 に答える