#### id选择器
- 语法
- HTML中通过id属性定义
如：
```html
<div class="box"></div>
```
- css中以点进行标识:#
```css
#id名称 {
样式声明;
}
```
- 作用:选择所有带有指定类名的元素
- 实例演示:
```css
#box{
background-color:red;
}
<div id="box">div1</div>
```
**注意**：具有唯一性，一般用于页面唯一性的元素如头部、底部等，经常和 JavaScript 搭配使用。
#### 类与id的命名规则
- 见词知义，尽量用英文
- 始终建议以字母开头，可以包含数字、字母、下划线等
- 不要以数字开头
- 多个单词可以以驼峰式（newsCont）、中划线连接（news_cont）、下划线连接（news-cont）等
#### 总结
- 总结使用频率
- 基础选择器中最常用是类选择器
- id用于页面中唯一模块
- 元素名称选择器定义的全局样式，单独使用要慎重
- *号通常用于重置样式【最不常用】
- 总结id与类的区别
- 基础选择器的优先级
- 对比
- 渗透调试工具的使用
>- F12/右键-检查
>- 左边是 HTML 元素结构，右边是 CSS 样式
>- Ctrl+滚轮 可以放大、缩小开发者工具代码大小
>- Ctrl + 0 复原浏览器大小
>- 右边 CSS 样式可以改动数值（左右箭头或者直接输入）和查看颜色
>- 如果点击元素，发现右侧没有样式引入，极有可能是类名或者样式引入错误
>- 如果有样式，但是样式前面有黄色叹号提示，则是样式属性书写错误
>- 如果有样式，但是样式被中划线贯穿，说明可能存在书写顺序 或优先级问题
- 结论
>最终排序：id（身份证号是XX的学生）> 类（名叫王小帅的学生） >元素名称（所有男生） > *(所有学生)
>选择范围越精确，优先级越高