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选择器。
用于来定义一类可以在同一个页面内重复利用的样式。 如比较常用的.clearfix（一般是用于清除浮动），或者自己定义的用于新闻列表的样式，详细的写好链接、列表、边框以及背景等属性，有些人还会习惯把一些常用的属性作为一个类。
Class 在程序中称“类”，同时在CSS中也书面语也叫“类”。css中class即类选择器。
比如：这就是一个标识效果，以后你想要改变这个div的样式的话就可以找class为div1的元素了。
