CSS中同級類指的是在同一個HTML元素中，擁有相同的class屬性的元素。同級類非常有用，可以幫助我們對網站的各個部分進行統一的樣式設定。

.nav-menu {
background-color: #ffffff;
color: #333333;
padding: 10px;
}
.nav-menu li {
display: inline-block;
margin-right: 10px;
}

上述代碼中，.nav-menu和.nav-menu li都是同級類，分別代表導航欄和導航欄中的選項。我們可以通過設置.nav-menu的樣式，來改變整個導航欄的樣式，如背景顏色和文字顏色。而通過設置.nav-menu li的樣式，可以改變每個選項的樣式，比如將它們排成一行，或者增加選項之間的間距。

在使用同級類時，還需要注意優先級的問題。如果同級類使用了相同的屬性，那么后面的樣式會覆蓋前面的樣式。但如果同級類使用了不同的屬性，那么會同時應用兩個樣式。

.nav-menu li {
display: inline-block;
margin-right: 10px;
}
.nav-menu li {
font-weight: bold;
margin: 0;
}

在這個例子中，第一個樣式設置了li的display和margin-right屬性，第二個樣式則覆蓋了display和margin-right屬性，并增加了font-weight屬性。最終應用的樣式是font-weight: bold; display: inline-block; margin: 0;

總而言之，同級類是CSS中非常有用的一個技術，可以幫助我們輕松地實現網站的美觀和一致性。同時，我們需要注意同級類之間的優先級問題，以避免出現意外的樣式覆蓋問題。