zhuping · February 22, 2017 13:14 · May 8, 2013 · May 8, 2013 · May 8, 2013 · May 8, 2013
diff --git a/CSS选择器的发展历程 b/CSS选择器的发展历程
@@ -47,3 +47,28 @@ E[foo|="en"]    属性选择器          选择匹配E的元素，且该元素
                                     符为"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" />
diff --git a/CSS选择器的发展历程 b/CSS选择器的发展历程
@@ -28,3 +28,22 @@ 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>
+
diff --git a/CSS选择器的发展历程 b/CSS选择器的发展历程
@@ -12,9 +12,11 @@ E.warning       类选择器            选择匹配E的元素，且匹配元素
 E F             包含选择器          选择匹配F的元素，且该元素被包含在匹配E的元素内。注意，E和F不仅仅是指类型选择器，可以任意
                                     合法的选择符组合
 
-E:link          链接伪类选择器      选择匹配E的元素，且匹配元素被定义了超链接并未被访问。例如：a:link选择器能够匹配已定义URL的                                    a元素
+E:link          链接伪类选择器      选择匹配E的元素，且匹配元素被定义了超链接并未被访问。例如：a:link选择器能够匹配已定义URL
+                                    的a元素
 
-E:visited       链接伪类选择器      选择匹配E的元素，且匹配元素被定义了超链接并已被访问。例如：a:visited选择器能够匹配已被访问                                    的a元素
+E:visited       链接伪类选择器      选择匹配E的元素，且匹配元素被定义了超链接并已被访问。例如：a:visited选择器能够匹配已被访
+                                    问的a元素
 
 E:active        用户操作伪类选择器  选择匹配E的元素，且匹配元素被激活
 

diff --git a/gistfile1.txt → CSS选择器的发展历程 b/gistfile1.txt → CSS选择器的发展历程
@@ -3,7 +3,8 @@ CSS 1中定义的选择器
 选择器          类型                说明
 E               类型选择器          选择指定类型的元素
 
-E#myid          ID选择器            选择匹配E的元素，且匹配元素的id属性值等于myid。注意，E选择符可以省略，表示选择指定id属性值                                    等于myid的任意类型的元素
+E#myid          ID选择器            选择匹配E的元素，且匹配元素的id属性值等于myid。注意，E选择符可以省略，表示选择指定id属性
+                                    等于myid的任意类型的元素
 
 E.warning       类选择器            选择匹配E的元素，且匹配元素的class属性值等于warning。注意，E选择符可以省略，表示选择指定
                                     class属性值等于warning的任意类型的任意多个元素

diff --git a/gistfile1.txt b/gistfile1.txt
@@ -0,0 +1,27 @@
+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元素内的第一个字符
+