1.通配选择器—*：匹配页面中所有的标签元素；语法规定是：*{属性：值}；常用于定义全局样式，如字体大小颜色等

2.元素/标签选择器—p、div、span等：就是匹配某一类标签；语法规范：p{属性：值}

3.类选择器—“.className”：就是匹配某一个或一组class名的标签“语法规范：.className{属性：值}

4.分类选择器—“p.name”：就是匹配某一标签中，指定类名的目标标签，语法规范：p.name{属性：值} 就是匹配p标签中类名为name的p标签；

5.id选择器—“#idName”：就是匹配某一个id值的标签，语法规范：#idName{属性：值}，注意这个匹配绝对是只有一个目标，因为id是不允许重复的，唯一的，因为id对应的目标元素也是唯一的，这个方式定位到目标元素是最准确的。

6.群组选择器：这个选择器，不是特别的选择器，是指多个元素在有相同样式的情况下，可以通过在选择器之间加"，"隔开，这样能使多个元素运用{}后的样式，语法规范：p，div{属性：值}，意思即p div有相同的样式，这个方式使得CSS代码能加简洁，方便

7.后代选择器：这个方式就通过元素的位置来匹配，后代选择器是指某一个元素即<标签></标签>内所有的元素，通过选择器1 选择器2的方式定位到某一元素的后代元素；如<div> <p>我的div的后代1</p><p>我的div的后代2</p></div>语法规范：div p{属性：值} 这样就能选择匹配到div后代所有的p了，不管是第一层还是第n层的p；

8.子代选择器：这个方式也是通过元素的位置来匹配，和后代选择器不同的时，子代选择器匹配到的是某一个标签的第一层后代，仅仅是父子关系，方式也和后代选择器不同，方式是通过“>”；语法规范：div>p{属性：值}

9.伪类选择器：这个选择器通过匹配识别元素的某一个状态；伪类选择器分类：a）链接伪类：适用于未访问的链接a即a:link，适用于访问过后的链接a即a:visited。b)动态伪类：适用于鼠标悬停时即:hover，适用于元素被激活时即:active，适用于元素获取焦点时（一般是指表单）即:focus.c)目标伪类。d)元素状态伪类。e）结构伪类。f）否定伪类。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h58824.shtml