\*:通用元素选择器,可匹配任何元素 *{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。
未完待续……
后期学习到会继续更新,理解错误的地方请指出,不尽感激!!!