在前端開發(fā)中，CSS是非常重要的一部分。然而，在某些情況下，我們并不想讓CSS的樣式作用于全局，而只作用于特定的部分。

.example-class{
background-color: yellow;
}

為了不讓這個樣式作用于全局，我們需要將其包裹在一個div或者其他容器元素中：

只在div內(nèi)生效的文本背景色

這樣，樣式就只會作用于這個特定的div元素及其內(nèi)部的內(nèi)容。

除此之外，還可以使用CSS模塊化的方式來使CSS只作用于特定的模塊，而不影響其他模塊的樣式。

/* module-a.css */
.a-container{
background-color: red;
}
.a-text{
color: white;
}
/* module-b.css */
.b-container{
background-color: blue;
}
.b-text{
color: white;
}

就像這樣，我們可以將不同模塊的樣式分別寫在不同的CSS文件中，以便更好地維護和管理。

總而言之，避免全局樣式的作用可以幫助我們更好地控制和修改樣式，從而使得代碼更加易于維護。