在CSS中，我們常常會用到同名的class，這是因為同一個元素可能需要應用一組相同的樣式。但是，如果我們直接使用class來定義樣式，會出現覆蓋和沖突的問題。所以我們需要一些技巧來指定同名的class。

/* 例如，我們有以下兩個class */
.class-name {
color: red;
}
.class-name {
font-size: 16px;
}
/* 這樣寫是會覆蓋掉第一個class的樣式的。我們可以使用以下方法來指定同名class的不同樣式：*/
/* 1.使用父元素限制作用域 */
.parent .class-name {
color: red;
}
.class-name {
font-size: 16px;
}
/* 2.使用偽類 */
.class-name:first-child {
color: red;
}
.class-name {
font-size: 16px;
}
/* 3.使用ID */
#unique-id .class-name {
color: red;
}
.class-name {
font-size: 16px;
}

以上三種方法都可以幫助我們避免同名class的樣式沖突。另外，我們也可以使用CSS預處理器來更好地管理和組織我們的樣式代碼，例如Sass和Less。