zhuping · February 22, 2017 13:14
diff --git a/CSS选择器的发展历程 b/CSS选择器的发展历程
 CSS 1中定义的选择器

 选择器          类型                说明
 E               类型选择器          选择指定类型的元素

 E#myid          ID选择器            选择匹配E的元素，且匹配元素的id属性值等于myid。注意，E选择符可以省略，表示选择指定id属性
                                    等于myid的任意类型的元素

 E.warning       类选择器            选择匹配E的元素，且匹配元素的class属性值等于warning。注意，E选择符可以省略，表示选择指定
                                    class属性值等于warning的任意类型的任意多个元素

 E F             包含选择器          选择匹配F的元素，且该元素被包含在匹配E的元素内。注意，E和F不仅仅是指类型选择器，可以任意
                                    合法的选择符组合

 E:link          链接伪类选择器      选择匹配E的元素，且匹配元素被定义了超链接并未被访问。例如：a:link选择器能够匹配已定义URL
                                    的a元素

 E:visited       链接伪类选择器      选择匹配E的元素，且匹配元素被定义了超链接并已被访问。例如：a:visited选择器能够匹配已被访
                                    问的a元素

 E:active        用户操作伪类选择器  选择匹配E的元素，且匹配元素被激活

 E:hover         用户操作伪类选择器  选择匹配E的元素，且匹配元素正被鼠标经过

 E:focus         用户操作伪类选择器  选择匹配E的元素，且匹配元素获取了焦点

 E::first-line   伪元素选择器        选择匹配E元素内的第一行文本

 E::first-letter 伪元素选择器        选择匹配E元素内的第一个字符


 CSS 2中定义的选择器

 *               通配选择器          选择文档中所有的元素

 E[foo]          属性选择器          选择匹配E的元素，且该元素定义了foo属性。注意，E选择符可以省略，表示选择定义了foo属性的任
                                    意类型的元素       

 E[foo="bar"]    属性选择器          选择匹配E的元素，且该元素将foo属性定义为了"bar"。注意，E选择符可以省略，用法与上一个选择
                                    器类似

 E[foo~="bar"]   属性选择器          选择匹配E的元素，且该元素定义了foo属性，foo属性值是一个以空格符分隔的列表，其中一个列表
                                    的值为"bar"。注意，E选择符可以省略，用法与上一个选择器类似。例如：a[title~="bar"]匹配
                                    <a title="bar1 bar2 bar3"></a>,而不匹配<a title="bar2 bar3 bar4"></a>

 E[foo|="en"]    属性选择器          选择匹配E的元素，且该元素定义了foo属性，foo属性值是一个用连字符(-)分隔的列表，值开头的字
                                    符为"en"。注意，E选择符可以省略，用法与上一个选择器类似。例如：[lang|="en"]匹配
                                    <body lang="en-us"></body>，而不匹配<body lang="fr-argot"></body>

 E:first-child   结构伪类选择器      选择匹配E的元素，且该元素为父元素的第一个子元素

 E:lang(fr)      :lang()伪类选择器   选择匹配E的元素，且该元素显示内容的语言类型为fr

 E::before       伪元素选择器        在匹配E的元素前面插入内容

 E::after        伪元素选择器        在匹配E的元素后面插入内容

 E > F           子包含选择区        选择匹配F的元素，且该元素为所匹配E的元素的子元素。注意，E和F不仅仅是指类型选择器，可以是
                                    任意合法的选择符组合

 E + F           相邻兄弟选择器      选择匹配F的元素，且该元素位于索匹配E的元素后面相邻的位置。注意，E和F不仅仅是指类型选择器
                                    ，可以是任意合法的选择符组合

 CSS 3中的选择器

 E[foo^="bar"]   选择匹配E的元素，且该元素定义了foo属性，foo属性值包含前缀为"bar"的子字符串。注意，E选择符可以省略，表示可匹
                配任意类型的元素。例如，body[lang^="en"]匹配<body lang="en-us"></body>，而不匹配<body lang="fr-argot"></body>


 E[foo$="bar"]   选择匹配E的元素，且该元素定义了foo属性，foo属性值包含后缀为"bar"的子字符串。注意，E选择符可以省略，表示可匹
                配任意类型的元素。例如：img[src$="jpg"]匹配<img src="pic.jpg" />,而不匹配<img src="pic.gif" />

 E[foo*="bar"]   选择匹配E的元素，且该元素定义了foo属性，foo属性值包含"bar"的子字符串。注意，E选择符可以省略，表示可匹
                配任意类型的元素。例如：img[src*="jpg"]匹配<img src="pic.jpg" />,而不匹配<img src="pic.gif" />
	CSS 1中定义的选择器

	选择器类型说明
	E 类型选择器选择指定类型的元素

	E#myid ID选择器选择匹配E的元素，且匹配元素的id属性值等于myid。注意，E选择符可以省略，表示选择指定id属性
	等于myid的任意类型的元素

	E.warning 类选择器选择匹配E的元素，且匹配元素的class属性值等于warning。注意，E选择符可以省略，表示选择指定
	class属性值等于warning的任意类型的任意多个元素

	E F 包含选择器选择匹配F的元素，且该元素被包含在匹配E的元素内。注意，E和F不仅仅是指类型选择器，可以任意
	合法的选择符组合

	E:link 链接伪类选择器选择匹配E的元素，且匹配元素被定义了超链接并未被访问。例如：a:link选择器能够匹配已定义URL
	的a元素

	E:visited 链接伪类选择器选择匹配E的元素，且匹配元素被定义了超链接并已被访问。例如：a:visited选择器能够匹配已被访
	问的a元素

	E:active 用户操作伪类选择器选择匹配E的元素，且匹配元素被激活

	E:hover 用户操作伪类选择器选择匹配E的元素，且匹配元素正被鼠标经过

	E:focus 用户操作伪类选择器选择匹配E的元素，且匹配元素获取了焦点

	E::first-line 伪元素选择器选择匹配E元素内的第一行文本

	E::first-letter 伪元素选择器选择匹配E元素内的第一个字符


	CSS 2中定义的选择器

	* 通配选择器选择文档中所有的元素

	E[foo] 属性选择器选择匹配E的元素，且该元素定义了foo属性。注意，E选择符可以省略，表示选择定义了foo属性的任
	意类型的元素

	E[foo="bar"] 属性选择器选择匹配E的元素，且该元素将foo属性定义为了"bar"。注意，E选择符可以省略，用法与上一个选择
	器类似

	E[foo~="bar"] 属性选择器选择匹配E的元素，且该元素定义了foo属性，foo属性值是一个以空格符分隔的列表，其中一个列表
	的值为"bar"。注意，E选择符可以省略，用法与上一个选择器类似。例如：a[title~="bar"]匹配
	<a title="bar1 bar2 bar3"></a>,而不匹配<a title="bar2 bar3 bar4"></a>

	E[foo\|="en"] 属性选择器选择匹配E的元素，且该元素定义了foo属性，foo属性值是一个用连字符(-)分隔的列表，值开头的字
	符为"en"。注意，E选择符可以省略，用法与上一个选择器类似。例如：[lang\|="en"]匹配
	<body lang="en-us"></body>，而不匹配<body lang="fr-argot"></body>

	E:first-child 结构伪类选择器选择匹配E的元素，且该元素为父元素的第一个子元素

	E:lang(fr) :lang()伪类选择器选择匹配E的元素，且该元素显示内容的语言类型为fr

	E::before 伪元素选择器在匹配E的元素前面插入内容

	E::after 伪元素选择器在匹配E的元素后面插入内容

	E > F 子包含选择区选择匹配F的元素，且该元素为所匹配E的元素的子元素。注意，E和F不仅仅是指类型选择器，可以是
	任意合法的选择符组合

	E + F 相邻兄弟选择器选择匹配F的元素，且该元素位于索匹配E的元素后面相邻的位置。注意，E和F不仅仅是指类型选择器
	，可以是任意合法的选择符组合

	CSS 3中的选择器

	E[foo^="bar"] 选择匹配E的元素，且该元素定义了foo属性，foo属性值包含前缀为"bar"的子字符串。注意，E选择符可以省略，表示可匹
	配任意类型的元素。例如，body[lang^="en"]匹配<body lang="en-us"></body>，而不匹配<body lang="fr-argot"></body>


	E[foo$="bar"] 选择匹配E的元素，且该元素定义了foo属性，foo属性值包含后缀为"bar"的子字符串。注意，E选择符可以省略，表示可匹
	配任意类型的元素。例如：img[src$="jpg"]匹配<img src="pic.jpg" />,而不匹配<img src="pic.gif" />

	E[foo*="bar"] 选择匹配E的元素，且该元素定义了foo属性，foo属性值包含"bar"的子字符串。注意，E选择符可以省略，表示可匹
	配任意类型的元素。例如：img[src*="jpg"]匹配<img src="pic.jpg" />,而不匹配<img src="pic.gif" />