4

我不知道它们在 css 中有何不同

something
{
   //some properties
}

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

something
{
   //some properties
}

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

我不知道为什么>在第二种情况下会有这样的情况。也应该有一个<for use 吗?

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

>选择具有 class的任何元素,该元素.somethingelse是具有 class 的元素的元素.something

第二个 CSS 选择器将选择具有 class 的元素的任何后代.something。即孩子,和孩子的孩子,等等。

于 2012-09-03T22:14:40.667 回答
0

>something选择具有类的直接后代.somethingelse

目前<CSS 中没有父 ( ) 选择器

于 2012-09-03T22:15:37.420 回答