符号“>”是什么代表

时间:2014-01-18 14:46:13

标签: css

我知道css id和class但我从未见过这个

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

请您告诉我它代表什么?

2 个答案:

答案 0 :(得分:1)

选择父级为inner类元素

的所有.forumbg-table个类元素

答案 1 :(得分: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