Html 为什么直接使用<；的类选择器；李>；不工作？

我的部分html代码：

11

22

33

44


安排

还有我的css代码：

正文{背景：天蓝色；}
#div1{高度：700px；宽度：440px；背景：灰色；左侧空白：400px；顶部空白：10px；位置：绝对；}
#div1 ul{页边距顶部：20px；}
.text{背景：白色；高度：150px；宽度：335px；字体大小：15px；页边距顶部：520px；页边距左侧：50px；位置：相对；边框：2px纯蓝色；左侧填充：10px；}
#div1 ul li{列表样式：无；高度：100px；宽度：100px；背景：黑色；浮动：左侧；边距：10px；文本对齐：中心；边框：1px实心#000；颜色：白色；}
.active{背景：白色；颜色：红色；}

我发现只有当我使用

#div1.active{…}

时它才能工作。我想知道为什么

.text{…}

可以工作，但是

.active{…}

不能工作

---

我在Chrome上运行代码。

如果您试图覆盖背景，可以使用！重要提示：或者使用：not selector for background and color:您能解释一下吗？我想让

中的第一个
• 与其他
• 不同。问题解决了。我不会覆盖背景@Kevin@kirini是 啊看来问题解决了。但是你也可以使用

  li:first child

  。