CSS只作用于一個組件

當我們需要對多個組件進行樣式調整時，可能會感到有些困惑。如果將這些組件視為一個整體，然后將CSS只應用于該組件，就可以避免重復設置這些元素的樣式。

.my-component .text-box, .my-component .link-box {

background-color: #f00;

這樣，如果我們需要在不同的頁面中使用相同的樣式，只需要更改組件類型并將其應用于相應的組件即可。這種方法不僅可以減少樣式設置的數量，還可以提高代碼的可讀性和可維護性。

CSS只作用于一個組件是一種非常實用的方法，可以幫助我們避免重復設置樣式，提高網頁的樣式管理效率。