CSS 常用的选择器 可以分为三种 分别是:标签选择器  类选择器[class选择器] id选择器 

以上三种选择 有 优先级之分 从高到低 分别是: id选择器→类选择器→标签选择器

我们根据优先级  从低至高 分别介绍 这几种选择器的 写法与用法 及  特点:

一.标签选择:

特点:优先级最低  主要是通过HTML的标签名 对HTML进行选择

写法:

<div> </div>  <!--如何通过“标签选择器”来选择这个DIV呢?-->
div[标签名] {
这样就成功选择了DIV标签 但是 是当前页面中的全部div元素都被选中了
}

二:类选择器【class选择器】

特点: 优先级中等 高于标签选择器  可以定义 元素标签的类名  通过类名 来选择html标签

写法:

<div class="div1"> </div>

.div1[.标签类名] {
这样就成功选择了当前 这个DIV元素,不会同时选择到其他的DIV元素。
}

三:id选择器 

特点:优先级最高  HTML页面中ID值 是唯一的,不能出现相同的ID值。通过ID值 对HTML元素进行分类与选择。

写法:

<div id="div2"></div> 

#div2[#id值] {
这样就成功选中了 当前这个DIV元素 不会同时选择到其他的DIV元素。
}