初识CSS样式-常用的基本选择器

三叶草

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元素。
}