在CSS中，同名類這個概念相信很多人都已經非常熟悉了。同名類就是指類名完全相同，但是它們出現在不同的位置或者是層次關系不同的情況。同名類在 CSS 中的使用非常普遍，因為它可以為我們提供更精準的樣式控制。下面我們來看幾個實例來更好地理解同名類的概念。

.box{
width: 200px;
height: 200px;
background-color: red;
}

#container .box{
background-color: blue;
}

以上代碼中，兩個.box的類名是完全相同的。但是，第二個.box前面有一個父級的選擇器 #container，這就使得這個.box的范圍只限定在#container內，而不是全局生效。因此，當我們在HTML中使用如下結構時：

我們發現，第一個.box的背景色為紅色，第二個.box的背景色為藍色。這就是同名類的差異性。

同名類的應用還有很多，比如在移動端適配時可以給body添加不同屏幕寬度下的樣式，或者實現鼠標懸停效果時可以給一個元素添加多個同名類來實現。

總之，同名類在CSS中是一個十分實用的概念，通過它我們可以更加靈活地控制樣式。當然，如果濫用同名類，也會造成CSS樣式的混亂和冗余，因此在使用自己的CSS時要注意優化代碼！