一个CSS优先权的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

http://caniuse.com/

Less

http://lesscss.org

Cool Libraries

Bootstrap from Twitter

Jetstrap

这是一个创建于 5289 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

color

red

CSS

11 条回复 1970-01-01 08:00:00 +08:00

icyflash

2011-04-17 22:14:32 +08:00

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

26z

2011-04-17 22:16:30 +08:00

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

icyflash

2011-04-17 22:22:59 +08:00

看下你CSS写错没。。。

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

lianghai

2011-04-17 22:24:48 +08:00

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

romoo

2011-04-17 22:27:53 +08:00

是这样写的：

#a p{color:blue;}

#b p{color:red;}

改成下面这样就好了：

#a p{color:blue;}

p#b{color:red;}

lianghai

2011-04-17 22:33:56 +08:00

@romoo ……原来有隐情……

lianghai

2011-04-17 22:36:41 +08:00

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

romoo

2011-04-17 22:40:13 +08:00

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

lianghai

2011-04-17 22:41:16 +08:00

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

romoo

2011-04-17 22:46:57 +08:00

@lianghai -_-b

shellex

2011-04-17 23:56:25 +08:00

允许嵌入gist？