大家好，请问个问题：
有如下 HTML：
<div id="aaa">
AAA
<div class="bbb">
BBB
</div>
</div>
<div id="ccc">
CCC
<div class="bbb">
BBB
</div>
</div>
如果我要BBB用红色显示，AAA和CCC仍为默认的黑色字体，则定义CSS如下：
<style type="text/css">
#aaa .bbb {color:red}
</style>
按照上面CSS，只有第一个“BBB”显示为红色，第二个“BBB”仍未黑色。
我有点纳闷儿，如果是#aaa .bbb {}这样连写，不是只认最后的一个，即只认.bbb，而.bbb前面的无论是什么都忽略掉的吗？
就好比#aaa .bbb {color:red}和.bbb {color:red}这2种写法都可以让第一个BBB变为红色一样。
请问为什么第二个BBB没有变成红色字体来显示呢？谢谢了！
<style type="text/css">
#aaa {color:red}
.bbb {color:red}
</style>
这样写
谢谢楼上的解答，请问我上面那种写法，导致错误的原因是什么呢？
首先 楼主对CSS选择器不熟悉呀 你写的是后代选择器
CSS code:
CSS优先权计算
CSS2.1 中规定了关于 CSS 规则 Specificity（特异性�
