什麼符號「>」代表

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類元素