CSS选择器是CSS的重要组成部分，它的主要作用是用来选取对应的HTML元素，从而使得我们可以通过CSS来设置这些HTML元素的样式。

常用的css选择器包括：元素选择器、类选择器、ID选择器、后代选择器、子元素选择器、伪类选择器等，这些选择器可以自由组合形成不同的选择器，从而选取不同的html元素。但是在多个选择器同时应用到同一个HTML元素上时，会出现不同的优先级。

一、ID选择器 > 类或属性选择器 > 元素选择器

当同一个HTML元素被多个选择器选中时，会根据这些选择器的优先级来决定哪个样式最终会被应用。在CSS中，选择器的优先级可以分为四个级别：

1. ID选择器具有最高的优先级，当一个元素既有ID选择器，又有其他选择器时，ID选择器的优先级最高。

例如：

#header {color: red;}

2. 如果一个元素没有ID选择器，但是有类选择器或属性选择器，那么类选择器或属性选择器会比元素选择器优先级高。

例如：

.header {color: red;}

input[type="text"] {color: red;}

3. 在多层嵌套的选择器中，后代选择器的优先级低于子元素选择器。

例如：

parent .child {} // 后代选择器

parent > .child {} // 子元素选择器

4. 在同一个选择器中，后面出现的样式会覆盖前面的样式。

例如：

.header {color: red;}

.header {color: blue;}

最终，元素的颜色会是蓝色，因为后面的选择器覆盖了前面的选择器。

CSS选择器主要功能包括：选择元素、设置样式、应用CSS动画效果和事件处理等。

1. 选择元素：CSS选择器可以根据元素的类型、类名、ID、属性、伪类等等来选择对应的元素，如：p、.class、#id、[attr]、:hover等等。

2. 设置样式：通过CSS选择器和CSS属性来设置样式，如：文字颜色、背景颜色、字体、行高、边框、边距、宽度、高度、透明度等等。

3. 应用CSS动画效果：通过CSS选择器和CSS动画属性来实现动画效果，如：渐变、旋转、缩放、移动等等。

4. 事件处理：通过CSS选择器和CSS伪类来实现对元素的事件处理，如：:hover、:active、:focus等等。

总之，CSS选择器是CSS的重要组成部分，不仅能够帮助我们选择对应的HTML元素，还能够实现各种效果和处理各种事件。同时，我们需要注意选择器的优先级，在使用CSS时，要合理地组合选择器来达到最优的效果。