在編寫CSS樣式時，我們經(jīng)常使用變量來提高代碼的復(fù)用和可維護(hù)性。CSS3引入了custom properties即自定義屬性，也稱為CSS變量。在CSS領(lǐng)域中，變量是可變的、可重復(fù)使用的數(shù)量或值。

然而，超出部分變點能夠更進(jìn)一步地減少CSS的冗余。超出部分變點是一種語言機(jī)制，它們允許使用條件語句，將變量傳遞到CSS，根據(jù)條件對其進(jìn)行修改。

:root {
--primary-color: blue;
--heading-color: black;
--darkness-factor: 0.2;
}
/* 超出部分變點 */
* {
color: rgba(var(--color), var(--alpha, 1));
}
.content p {
/* 當(dāng)--primary-color為藍(lán)色時，--heading-color為黑色，否則為白色 */
color: var(--primary-color);
background-color: var(--heading-color, white);
font-size: calc(1rem * var(--font-scale-factor, 1));
}

如上所示，我們首先定義了一組CSS變量，然后使用超出部分變點將其應(yīng)用到文檔中。例如，我們在CSS選擇器中將變量傳遞給--color和--alpha。這后者可以覆蓋默認(rèn)的透明度值（即1）。

隨后，我們在類名為.content的p元素上應(yīng)用了條件語句。如果--primary-color為藍(lán)色，--heading-color將為黑色；否則，它將為白色。我們還使用了calc()函數(shù)，對字體大小進(jìn)行了修改。

總之，超出部分變點是一種強(qiáng)大的CSS變量機(jī)制，它可以提高代碼的復(fù)用性和可維護(hù)性，同時也可以減少冗余的CSS代碼量，為我們的應(yīng)用程序提供更快的加載速度。