CSS选择器可以通过以下步骤进行选择：
类选择器：使用HTML元素的class属性选择元素，例如.class{}。
ID选择器：使用HTML元素的id属性选择元素，例如#id{}。
后代选择器：选择指定元素的所有后代元素，例如div p{}，ul li{}等。
子元素选择器：仅选择指定元素的子元素，例如ul>li{}等。
相邻兄弟选择器：选择紧邻在另一个元素后面的元素，例如h1+p{}等。
通用选择器：选择所有元素，例如*{}等。
属性选择器：通过引用元素的属性和属性值来选择元素，例如[name="value"]等。
伪类选择器：用于选择元素的特殊状态，例如a:hover等。
伪元素选择器：在元素的内容之前或之后添加样式，例如::before、::after等。
组合选择器：结合多个选择器来选择元素，例如p,div{}等。
逗号分隔符：选择多个元素，例如p,div{}等。
通配符选择器：选择文档中所有元素，例如*等。
邻接元素选择器：选择相邻的两个元素，不包括父元素和子元素等。
非子元素选择器：选择某个元素之后的所有兄弟元素，而不仅仅是其子元素等。
属性存在选择器：通过仅指定该元素具有某个属性，而不指定其属性值，来选择元素等。
否定选择器：选择与指定的选择器不匹配的元素等。
CSS选择器的类型分为3类:标记选择器、类别选择器和ID选择器。
CSS选择器命名错误，可能导致样式无法应用到目标元素，或者样式被错误地应用于其他元素。
在使用CSS3选择器时，需要确保选择器名称正确，并且选择器没有与其他选择器冲突。如果名称错误或者与其他选择器冲突，那么选择器将无法选中。命名错误往往在命名时出错，通常是短语拼写不正确，大小写拼写错误，或者使用了不恰当的字符。
2.ID选择器：通过设置id名字，进行精确的选择，用#来定义
# div1 { //通过id名字来进行选择
3.类选择器:通过类名来进行选择，选择范围比id选择器大，用’.'来定义
.div1 { //所有类名为div1的都被选择了
不建议使用，对页面加载负担大
1.后代选择器：定义用空格隔开
2.交集选择器：与后代选择器定义的不同是，没有空格隔开，两个元素紧挨着
3.并集选择器：定义用逗号隔开
1.静态伪类：点击连接之前（LINK），点击连接之后(visited)这样的
2.动态伪类：鼠标移入（hover），点击之后（focus）