物以類聚人以羣分，網頁中的元素也是一樣的
在頁面中總有很多元素擁有一模一樣的外觀，比如：一樣的大小，同樣的顏色
那麼我們如果繼續使用id選擇器一個一個去設置樣式就會很麻煩
這個時候我們可以選擇類選擇器來寫樣式
<style>
.red{
color: red;
}
</style>
<body>
<h1 class="red">abc</h1>
<h1 class="red">sdf</h1>
</body>
如果想給兩個h1標籤同樣適用於一種樣式的話，我們用類選擇，給兩個h1標籤添加class=“red”
這樣，兩個h1標籤中的文本就都會變成紅色
類選擇器的好處就是隻用寫一遍樣式，哪個元素如果想使用這種樣式，只用添加class屬性即可，不需要重複寫一種樣式，極大的增加了編寫效率。