什么符号“>”代表

Question

我知道了CSS ID和类的，但我从来没有见过这种

.forumbg-table > .inner { margin: 0 -1px; }

可否请你让我知道这是什么主张？

Answer 1

这是直接后代选择。它选择第一个选择器的直接子项。

下面是语法：

parentSelector > immediateChildSelector 
{ 
    //Properties here 
} 

前。

<div id="parentDiv"> 
    <label class='lbl1'>Label</label> 
</div> 

<label class='lbl1'>Label 2</label> 

#parentDiv > .lbl1 
{ 
    color: blue; 
} 

在上面的例子中，第二个标签不会得到蓝色，因为它不是parentDiv元素的直接子元素。

这是一个活生生的例子：http://jsbin.com/iWuSUde/1/edit

这里是一个参考：https://developer.mozilla.org/en-US/docs/Web/CSS/Descendant_selectors

Answer 2

选择所有inner类元素，其中该亲本是一个.forumbg-table类元素