CSS的选择器分类可以分为三大类：id选择器，类选择器，标签选择器。

用法如下：

其中他们又可以以不同的方式进行组合，如下：

CSS选择器如下：
　　1. 标签名选择器     div { color：Red;}         /即页面中的各个标签名的css样式
　　2.类选择器          .divClass {color:Red;}       /即定义的每个标签的class 中的css样式
　　3.ID选择器         #myDiv  {color:Red;}        /即页面中的标签的id
　　4.后代选择器（类选择器的后代选择器）  .divClass  span { color:Red;}   /即多个选择器以逗号的格式分隔 命名找到准确的标签
　　5.群组选择器   div,span,img {color:Red}    /即具有相同样式的标签分组显示
　　选择器的优先级
　　1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)

1、类型选择器

CSS中的一种选择器是元素类型的名称。使用这种选择器(称为类型选择器)，可以向这种元素类型的每个实例上应用声明。例如，以下简单规则的选择器是H1，因此规则作用于文档中所有的H1元素。

2、简单属性选择器

CLASS属性

CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。从本质上讲，可以使用CLASS属性来分类元素，在样式表中创建规则来引用CLASS属性的值，然后浏览器自动将这些属性应用到该组元素。

类选择器以标志符(句点)开头，用于指示后面是哪种类型的选择器。对于类选择器，之所以选择句点是因为在很多编程语言中它与术语"类"相关联。翻译成英语，标志符表示"带有类名的元素"。

ID属性

ID属性的操作类似于CLASS属性，但有一点重要的不同之处:ID属性的值在整篇文档中必须是唯一的。这使得ID属性可用于设置单个元素的样式规则。包含ID属性的选择器称为ID选择器。

需要注意的是，ID选择器的标志符是散列符号(#)。标志符用来提醒浏览器接下来出现的是ID值。

STYLE属性

尽管在选择器中可以使用CLASS和ID属性值，STYLE属性实际上可以替代整个选择器机制。不是只具有一个能够在选择器中引用的值(这正是ID和CLASS具有的值)，STYLE属性的值实际上是一个或多个CSS声明。

一、 CSS选择器分类

CSS选择器如下：

CSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。

用法如下：

• id选择器： #id名 { 属性名:属性值; }

• class选择器 ：.class名 { 属性名:属性值; }

• 标签选择器： 标签名 { 属性名:属性值; }

其中，他们之间又可以以不同的方式进行组合，如下：

1. 后代选择器: 父代名 后代名 { 属性名:属性值; }

2. 子代选择器:父代名>子代名 { 属性名:属性值; }

3. 群组选择器: #name1, .name2, #name div { 属性名:属性值; }

4. 伪类选择器: name:伪类

5. 通用(通配符)选择器:* { 属性名: 属性值; } ……

常用的也就这些。

完整CSS选择器参考手册

二、CSS选择器优先级

1. 最高优先级是 (直接在标签中的设置样式，假设级别为1000)

2. 次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;}

3. 其次优先级是（类选择器，假设级别为10）.divClass{color:Red;}

4. 最后优先级是 （标签选择器，假设级别是 1） div{color:Red;}

5. 那么后代选择器的优先级就可以计算了啊

比如

.divClass span { color:Red;} 优先级别就是：10+1=11

!important(权重：无限大) > 行内样式(权重：1000) > ID选择器(权重：100) > 类选择器=属性选择器(权重：10) > 元素选择器=伪元素(权重：1) > 通配符选择器(权重：0) > 继承(没有权值) > 浏览器默认属性

CSS选择器分类：

　　CSS的选择器分类可以分为三大类：id选择器，类选择器，标签选择器。

优先级：!important > 内联样式 > id选择器 > 类、伪类、属性选择器 > 标签、伪元素选择器

权   重：   !important：10000

　　　　　内联： 1000

　　　　　id选择器：100

　　　　　类、伪类、属性选择器：10

　　　　　标签、伪元素选择器：1

　　　　　通用选择器（*）、子选择器（>）、相邻兄弟选择器（+）、通用兄弟选择器（~）权重值为0 

CSS选择器如下：

CSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。

CSS选择器优先级

最高优先级是 (直接在标签中的设置样式，假设级别为1000)

次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;}

其次优先级是（类选择器，假设级别为10）.divClass{color:Red;}

最后优先级是 （标签选择器，假设级别是 1） div{color:Red;}

• 优先级

!important(权重：无限大) > 行内样式(权重：1000) > ID选择器(权重：100) > 类选择器=属性选择器(权重：10) > 元素选择器=伪元素(权重：1) > 通配符选择器(权重：0) > 继承(没有权值) > 浏览器默认属性