\*：通用元素选择器，可匹配任何元素 *{padding:0;margin:0;}

E ：标签选择器，HTML标签，匹配所有使用E标签的元素p{color:red;}

\#foo：id选择器，匹配所有id值为foo的元素，唯一的；

.foo：class选择器,匹配class属性包含foo的元素，可复用。

E,F：E与F用逗号隔开，同时匹配所有E元素，F元素；

E > F：匹配父元素为E的所有F元素；

E + F：匹配所有紧跟E元素的F元素(同级元素)；

E ~ F：匹配任何在E元素之后的同级F元素(同级元素)。

E[foo]：所有包含foo属性的E元素；

E[foo=bar]： 属性foo值为bar的所有E元素；

E[foo|=bar]： 属性foo值有“-”且以bar的所有E元素；

E[foo~=bar]： 属性foo包含多个属性值且有一个属性为bar的所有E元素；

E[foo^=bar]：  属性foo的值以”bar”开头的E元素；

E[foo$=bar]：属性foo的值以”bar”结尾的E元素；

E[foo*=bar]： 属性foo的值包含”bar”字符串的E元素。

a:link：所有未被点击的链接；

a:hover：鼠标滑过；

a:visited：点击过的；

a:active：鼠标按下但尚未释放。

E:before：在E元素之前插入生成的内容；

E:after：在E元素之后插入生成的内容。

E:first-child：匹配父元素的第一个子元素；

E:last-child：匹配父元素的最后一个子元素；

E:nth-child(n)：匹配其父元素的第n个子元素，第一个编号为1。

未完待续……

后期学习到会继续更新，理解错误的地方请指出，不尽感激！！！