这两个类之间有什么区别

Question

我不知道他们在css中有什么不同

something
{
   //some properties
}

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

和

something
{
   //some properties
}

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

我不知道为什么在第二种情况下会出现这样的>。是否还应该使用<？

Answer 1

>表示在somethingelse下找到了直接子something。否则将在各个层面找到后代。

所以使用以下示例：

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

对于>示例，只有外部somethingelse div才会生效。对于没有>的示例，两个div都将应用样式。

<可能暗示父选择器（即将样式应用于匹配类的直接父级）。我还没有意识到这一点，但是有一篇关于csstricks here的帖子很有趣。

Answer 2

>选择类.somethingelse的任何元素，该元素是具有类.something的元素的子。

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

Answer 3

>选择something个.somethingelse的直接后代

目前CSS中没有父（<）选择器