为什么我的孩子选择器#id＆gt; .test有效果？

Question

我的HTML看起来像这样：

<div id="hi">
    <div class="test"></div>
<div>

我的css如下：

.test {
    background-color: red;
    height: 20px;
    width: 20px; }

#id > .test {
    background-color: blue;
    border: 1px solid black; }

为什么我的测试类div的背景颜色没有变为蓝色。

以下是展示问题的示例jsfiddle。

Answer 1

更改

#id > .test {

到

#hi > .test {

Answer 2

你无法使用#id你需要使用#hi .... 试试吧