html中的class=是一个选择器，可以理解为一个标识，用来标识特定的标签。
比如：<divclass="div1"></div>这就是一个标识效果，以后你想要改变这个div的样式的话就可以找class为div1的元素了。
CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样大家选择相应的元素就很重要了，如何选择对应的元素，此时就需要大家所说的选择器。在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。选择器主要是用来确定html的树形结构中的DOM元素节点。
选择器body>div 只操作body下级的div。div1+div2 只选择div1 同级 随后 相邻最近的div2div1~p 选择div1下所有的p属性选择器[attr]{} 例：[class]{color:red;} [class=”text”]{color:red;}[class|=”nav”]{color:red;} 选择所有class属性，并且属性值唯一为nav-开头的元素[class~=”nav”]{color:red;} 选择所有class属性，并且包含单个完整的nav属性值的元素[class1][class=”text”]{color:red;}选择具有class1属性，并且具有class属性且属性值唯一为text的元素
css后代选择器和子选择器的区别介绍：
1 css后代选择器语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。2、css子元素选择器语法：h1>em{color:red;} 表示的是从h1开始里面的第一层em元素变成红色，h1为祖先，em为儿子，就像世袭制一样，只能传给儿子，孙子和其他堂亲都不行
