OO CSS,又稱面向對象的CSS，是一種使用對象和類的思想來組織和管理CSS代碼的方法。

.container {
display: flex;
align-items: center;
justify-content: center;
}

在這個示例中，container被看作是一個對象，而display、align-items和justify-content則是該對象的屬性。使用這種方式，我們可以將所有相關的樣式屬性放在同一個對象中，使得代碼更加清晰易讀。

.card {
padding: 10px;
border: 1px solid #ccc;
}
.card__title {
font-size: 20px;
font-weight: bold;
}
.card__content {
font-size: 16px;
}

在上面的代碼中，我們使用 "__" 來表示類中的一個元素。這種寫法使得我們創建的對象更像是一個真正的組件，容易維護和修改。

.button {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
color: #fff;
background-color: #007bff;
}
.button:hover {
background-color: #0069d9;
}
.button--primary {
background-color: #007bff;
}
.button--danger {
background-color: #dc3545;
}

在上面的代碼中，我們使用 "--" 來表示類中的一個變體。這種寫法使得我們可以快速創建不同的樣式變體，比如primary和danger按鈕。而不必重復編寫重復的代碼。

總之，OO CSS是一種讓CSS更加靈活、易維護、易擴展的方式。通過使用對象和類，我們可以更好地組織CSS代碼，減少重復的代碼，創建更加統一的界面。