Class 在程序中稱“類”，同時在CSS中也書面語也叫“類”。css中class即類選擇器。

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為兒子，就像世襲制一樣，只能傳給兒子，孫子和其他堂親都不行