CSS3是用于網頁排版的樣式語言，能夠通過添加類名來控制元素的樣式。

/* 在CSS3中，使用 .class-selector 來選擇類名為class-selector的元素 */
.class-selector {
/* 樣式屬性 */
color: red;
}
/* 定義多個類名 */
.class1, .class2 {
/* 樣式屬性 */
}
/* 子元素選擇器 */
.parent .child {
/* 樣式屬性 */
}
/* 后代元素選擇器 */
.ancestor descendant {
/* 樣式屬性 */
}

添加類名的好處是可以將樣式屬性分離出來，使得代碼更具可維護性和可擴展性。同時，多個元素可以共享同一個類名，便于快速進行樣式更改。

補充一點，為了使得代碼更具有可讀性，類名應該起到描述元素特征的作用。

/* 所有標題都應用此樣式 */
.title {
/* 樣式屬性 */
}
/* 僅限于文章中的標題 */
.article-title {
/* 樣式屬性 */
}
/* 僅限于頁面的頂部導航欄 */
.navbar {
/* 樣式屬性 */
}