如果CSS兩個類名一樣 在CSS中，類名是一種給HTML元素添加樣式的標示符。但是，如果你有兩個類名相同的樣式，該怎么辦呢？ 可以說，這種情況下，它們在CSS中的效果是相同的。只有最后一個類名的規則被應用于相應的元素，而前面的類名則會被覆蓋。 但是，這種情況有時會在我們的CSS代碼中出現，特別是在團隊協作中。因此，我們應該遵循一些最佳實踐來避免這種情況的發生。 首先，為了防止類名沖突，我們可以嘗試使用更具描述性的類名，而不是簡單的名稱。這不僅可以減少沖突的機會，還可以使代碼更具語義化。 其次，我們可以使用命名約定，例如BEM（塊元素模式）。這種約定將類名分為塊、元素和修飾三類，其中塊是元素的容器，元素是塊內的子元素，修飾是類似于狀態和外觀等其他屬性。 最后，我們可以使用CSS預處理器，例如Sass和Less等。它們具有許多功能，包括變量、嵌套規則、Mixin等，這些功能可以幫助我們更好地組織和管理CSS代碼，避免沖突。 無論我們選擇哪種方法，避免CSS類名相同是一個值得注意的問題，對我們的代碼的可維護性和可擴展性都非常重要。

/* CSS代碼示例 */
.my-class {
color: red;
}
.my-class {
font-size: 16px;
}

上面這個示例中，兩個類名相同的樣式都只有最后一個被應用，也就是font-size: 16px。這意味著color: red這條規則被覆蓋了。