類選擇器
類選擇器允許以一種獨立於文檔元素的方式來指定樣式。通常情況只希望應用樣式，而不考慮具體的元素時，會使用類選擇器。
例如，對於HTML頁面:
<body>
<div class="main">
<article class="news">
<h1>地震自救指南</h1>
<p>大的晃動時間約爲1分鐘左右。這時首先應顧及的是您自己與家人的人身安全。首先，在重心較低、且結實牢固的桌子下面躲避，並緊緊抓牢桌子腿。在沒有桌子等可供藏身的場合，無論如何，也要用坐墊等物保護好頭部。</p>
</article>
</div>
</body>
在該頁面中，我們將第一個div元素的class設置爲main，article元素的class值設置爲news。通常設置class名字時，不要設置已有元素名，例如p,article。
之後，添加頁面樣式:
<style type="text/css">
.main {
background-color: ivory;
margin: 10px;
}
.news {
padding: 10px;
color: black;
font-weight: bold;
}
p {
color: grey;
}
</style>
與元素選擇器不同，對同一類的元素應用樣式，需要在類名前加上一個點號（.），然後書寫相應的樣式聲明。
最後，樣式應用的效果如圖：
類選擇器語法
所以，我們可以看出，類選擇器的語法規則如下：
-
首先，將html中想要應用類樣式的元素，指定類名。
<元素名 class="指定的類名"></元素名> <元素名 class="指定的類名">2.然後，書寫相應類的樣式。
.指定的類名 {樣式聲明}