在CSS中，我們可以通過類選擇器和ID來選擇元素樣式進行樣式的定義和修改。

// 類選擇器
.class {
color: red;
}
// ID選擇器
#id {
font-size: 16px;
}

類選擇器通過元素的class屬性來選擇元素，可以多個元素共用一個class來實現樣式復用。在CSS中，類選擇器前面加上“.”點號來表示。

比如我們有以下HTML代碼：

<div class="box">這是一個盒子</div>
<p class="box">這是一個段落</p>

我們想給這兩個元素添加相同的樣式，可以這樣寫：

.box {
border: 1px solid red;
padding: 10px;
}

這樣就可以實現兩個元素的共用樣式，避免了代碼的冗余。

ID選擇器通過元素的ID屬性來選擇元素，每個ID只能在頁面中唯一存在，因此ID選擇器不適用于樣式復用。在CSS中，ID選擇器前面加上“#”井號來表示。

比如我們有以下HTML代碼：

<div id="header">這是頭部</div>
<div id="main">這是主體</div>
<div id="footer">這是底部</div>

我們想給這三個元素分別添加樣式，可以這樣寫：

#header {
background-color: gray;
height: 100px;
}
#main {
margin-top: 20px;
padding: 10px;
}
#footer {
background-color: gray;
height: 50px;
}

通過類選擇器和ID選擇器，我們可以方便地對網頁中的元素進行樣式的定義和修改，使得頁面更加美觀和易于維護。