浅谈CSS权重

jquery家孩子生日终于搞好了，忙活了一天，累的很啊。
终于可以坐下来了，闲着没事，整点之前关注的CSS权重。
CSS中是使用4位的数字来表示权重的
具体权重说明如下：
继承的样式:0000
内联的样式:1000
子选择符:0000
通用选择符:0000
属性选择符:0010
伪类选择符:0010
伪类元素选择符:0010
类型选择符：0001
类选择符:0010
权重最大，就优先显示
以前关注的少，最近突然发现有些新项目中，为了无缝结合，得需要用css权重
大点写，不然压根显示不了。
恩，以后多注意适当的时候写下吧。

转自 jquery http://www.jqueryba.com/267.html

1 子选择符:0000 权重是0 ？ h2 和 >h2明显是同样的权重，交换下两个样式的位置，标题就会变色

#content div#main-content  h2{
	color:gray;
}

#content div#main-content > h2{
	color:blue;
}

	<div id="content">
		<div id="main-content">
			<h2 id="lgc">Strange Times</h2>
			<p>here you can read bizarra</p>
			<div class="news-story">
				<h2 class="first">Bog Snorkeling Champion Announced Tody</h2>
				<p>Won by lazy</p>
			</div>
		</div>
		</div>
	</div>

2 伪类元素什么概念，能讲解下么？
伪类选择符:0010
伪类元素选择符:0010
这两个区别在哪里？
w3school的内容讲得不够多 不够全， 而《精通CSS》根本没有罗列各种伪类，有什么详细的资料推荐下？