CSS3變量的出現(xiàn)，使得樣式表的編寫變得更加簡潔和靈活。變量可以定義某個特定的屬性及其值，然后在多個選擇器中調(diào)用這個變量。這樣就可以在需要改變屬性時，只需要改變變量的值，而不必不斷地修改多個選擇器的屬性了。

不過，需要注意的是，CSS3變量并不是所有瀏覽器都支持的，特別是較老的瀏覽器。因此，在使用CSS3變量時，要特別注意兼容性問題。如果需要支持老瀏覽器，就需要使用類似CSS預(yù)處理器的工具，比如SASS、LESS等。

:root {
--primary-color: #007bff;
--danger-color: #dc3545;
}
.btn-primary {
background-color: var(--primary-color);
color: #fff;
border: none;
}
.btn-danger {
background-color: var(--danger-color);
color: #fff;
border: none;
}

在上面的代碼中，定義了兩個變量：--primary-color和--danger-color，分別表示主色和危險色。然后在.btn-primary和.btn-danger這兩個選擇器中使用這兩個變量定義背景色，并指定字體顏色和邊框。這樣，在需要修改顏色時，只需要修改對應(yīng)的變量即可。

需要強(qiáng)調(diào)的是，為了保證兼容性，在使用CSS3變量時，還需要遵循以下幾個注意事項：
1. 使用:root偽類定義變量，這樣可以保證全局使用；
2. 自定義屬性名需要以兩個破折號--開始，并用小寫字母命名；
3. 使用var()函數(shù)調(diào)用變量；
4. 在使用變量時，要注意兼容性。