CSS是一種用來定義網頁樣式的語言。在CSS中，可以為HTML元素添加不同的屬性來控制它們的外觀和布局。其中，類選擇器是CSS種最常用的選擇器之一。通過添加類名，我們可以根據類名指定相應的樣式屬性。

/*為類名為"box"的元素添加樣式*/
.box{
width:200px;
height:200px;
background-color:#ccc;
border:2px solid #333;
margin:20px;
display:flex;
justify-content:center;
align-items:center;
}

上面的代碼中，我們定義了一個類選擇器.box，并為其指定了多個樣式屬性，例如寬度、高度、背景色、邊框等。此外，我們還使用到了display:flex屬性，讓元素變為彈性盒子，并通過justify-content和align-items屬性設置元素的水平和垂直居中。

通過將.box類名添加到HTML元素中，即可應用上述樣式。代碼如下：

<div class="box">
<p>這是一個居中顯示的盒子</p>
</div>

在HTML中，我們通過class屬性為元素指定類名，例如上述的.box類。通過這種方法，我們可以方便地為多個元素應用同一個樣式。

總之，類選擇器通過為HTML元素添加類名來指定樣式和屬性，從而方便地控制網頁的外觀和布局。它是CSS在實際應用中非常常用的一種方式，也十分便于維護和修改。