一、CSS 选择器是什么？
CSS 选择器可以用于我们需要添加的样式的标签。想要在 HTMLl 页面中的元素实现一对 一，一对多或者多对一的控制，就得要使用 css 选择器，css 选择器进控制着 HTML 页面中 的元素。如下图是选择器的格式：
在{ }前面的部分就是“选择器”，选择器决定了{ }中的在 HTML 网页中要使用的元素属 性。
选择器一般是我们需要改变样式的 HTML 元素，比如
<body>，<div>，<h1>，<p>选择器格式中的每一条声明语句都是由“属性名:属性值”组成的，属性名和属性值之 间要用冒号“：”隔开，每一条声明语句的最后还要以英文的分号“;”结束。
我们知道了 CSS 选择器是什么，CSS 选择器的种类是有很多的，下面我们再来看一看 CSS 选择器的类型有哪些?
二、CSS 选择器的类型有哪些？
1、ID 选择器
2、Class 选择器（类选择器）
3、标签选择器（TAG 选择器）
4、群组选择器（分组选择器）
5、通配选择器
6、层次选择器
7、属性选择器
8、伪类选择器 常用的 CSS 选择器是 ID 选择器、Class 选择器、群组选择器、层次选择器、伪类选择器... 下面我们分别对以上的这些 CSS 选择器来说一说是如何使用的？
（1）ID 选择器：
#elem{width:100px; height:100px}注：id 选择器的规范：
①在一个页面中，id 是唯一值（类似于我们的身份证号）；
②命名规范，字母_-数字（命名的第一位不能是数字）；
③除了常规写法外，命名方式还有：驼峰式、下划线式、短线式。 常规写法：leftsidebar 短线式写法：left-side-bar（W3C 推荐的写法） 驼峰式写法：leftSidebar 下划线式写法：left_side_bar 还有人喜欢这样写：left-side_bar
效果图：
（2）Class 选择器：
class 选择器也叫类选择器。
.red{color:red;}注：
①class 选择器是可以复用的。跟 id 选择器有很大区别，复用代码非常强。（在网页中 使用的频率非常强。）
②可以添加多个 class 样式。跟 id 的区别：id 只能写一个，class 可以写多个，通过空格 隔开。③多个样式的时候，样式的优先级根据 CSS 决定，而不是 class 属性中的顺序。简单的 来说，看 CSS 中的顺序，并不是看 class 属性的顺序。 比如：
.box{border:2px black solid; color:blue;}④标签+类的写法：div.elem{ }
效果图：
（3）标签选择器：
标签选择器也叫 TAG 选择器。
div{ }→<div></div>注：标签选择器是不常使用的。
使用的场景： 去掉默认样式：ul{list-style:none;} 层次选择器：a{text-decoration:none;}
效果图：
（4）群组选择器：
群组选择器也叫分组选择器。
div,p,h1{color:red;}效果图：
先讲到这里，您最后的效果图是什么样的，可以发来看看。如果要获取前端视频学习资料，欢迎点击。
下次再接着介绍其他的CSS 选择器。
