一个CSS优先权的问题

[Wowbeing]

http://gist.github.com/924054

在css中设置为 #A { color:blue } #B{ color:red } 最后“CCC”字母怎么会是显示为蓝色的呢？

遇到这样的情况浏览器是如何判断的呢 ？

[icyflash]

是红色的啊，你用的什么浏览器

[26z]

应该显示的是红色，级别相同的话就近原则，所以使用#B的样式。

[icyflash]

看下你CSS写错没。。。

http://jsfiddle.net/icyflash/Lw79y/

[lianghai]

用 Firebug 或是别的什么检查器检查一下它到底继承了哪条 CSS。可能你在别的地方写了别的规则。

[romoo]

是这样写的：

#a p{color:blue;}

#b p{color:red;}

改成下面这样就好了：

#a p{color:blue;}

p#b{color:red;}

[lianghai]

@romoo ……原来有隐情……

[lianghai]

楼主可能需要看一下 CSS 的 selector 的具体行为：
http://www.w3.org/TR/css3-selectors/

[romoo]

@lianghai 刚才网络问题，少发了几个字，我只是猜测一下原因。

[lianghai]

@romoo 我还以为你和楼主是同伴……

[romoo]

@lianghai -_-b

[shellex]

允许嵌入gist？