### 选择器分两种：一种是基础选择器，一种是高级选择器 ### 基础选择器：标签选择器，id选择器， 类名选择器 ### 高级选择器： 后代选择器，交集选择器，并集选择器 ## **5.1 标签选择器** 选择方法，通过标签名选择 选书写方法：标签名 选择范围：全标签 用途：实现全选同名标签，可以设置公共样式 缺点：只能进行全选，不能进行单独搭建。 ``` div{ color:blue; } <div> 这里的内容全部变成CSS里的div样式</div> ``` 所有div的标签全部赋值。 ## **5.2 ID选择器** 通过标签ID属性进行选择 书写方法： #id 属性值（自定义）调用 di="自定义名称" 选择范围： 只能选中一个标签 id其实就是标签的身份证号，具有唯一性，规定一个页面中不允许有同名ID属性。 优点：ID属性的权重高 缺点：只能实现单选 案例： ``` #p1{ color:blue; } <p id="p1"> 第一段文字</p> ``` ## **5.3 类名选择器 class** .自定义名称{ } 案例： ``` .pw{ color:#DC143C; } <p class='pw'> 第一段文字</p> ``` 优点：可以随意命名 id和class属性命名规范：第一个字符必须是字母，后面的可以是数字下划线等。 多个class属性之间 使用空格隔开 ## **5.4通配符选择器** *{ CSS属性 } 写到CSS文件上面全局全通用。 案例： ``` *{ margin:0; padding:0; } p{ width:100px; height: 100px; background:purple; margin:0; padding:0; } h2{ width:100px; height:100px; background:blue; } <p>文字</p> <h2>我的</h2> ``` 输出效果：