CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号连接，兄弟选择器由符号“+”和“~”连接，具体如下所示。
（1）关系选择器
例如： h1>strong
说明：表示选择嵌套在h1标记的子标记strong。
（2）临近兄弟选择器
例如： h2+p
说明：表示选择h2标记后紧邻的第一个兄弟标记p。
（3）普通兄弟选择器
例如：p~h2
说明：表示选择p标记所有的h2兄弟标记
总体看一下CSS发展的历史。
1. CSS 1：
1996年12月，CSS 1 （Cascading Style Sheet, level 1）正式推出。在这个版本中，已经包含了font的相关属性、颜色与背景的相关属性、文字的相关属性、box的相关属性等。
2. CSS 2：
1998年5月，CSS 2（Cascading Style Sheet, level 2）正式推出。在这个版本中开始使用样式表结构。
3. CSS 2.1：
2月，CSS 2.1（Cascading Style Sheet, level 2 revision 1）正式推出。它在CSS2的基础上略微做了改动，删除了许多诸如text-shadow等不被浏览器所支持的属性。
现在所使用的CSS基本上是在1998年推出的CSS2的基础上发展而来的。前在Internet刚开始普及的时候，就能够使用样式表来对网页进行视觉效果的统一编辑，确实是一件可喜的事情。但是在这间CSS可以说是基本上没有什么很大的变化，一直到终于推出了一个全新的版本—CSS 3。
来源：《HTML5月CSS3权威指南》（下册）
伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。
