使用 CSS 的 optional 關鍵字，可以讓我們設置一個樣式屬性為可選的。這個屬性可以有一個值，也可以沒有值。如果有值，那么就按照這個值進行樣式修飾，如果沒有值，則不進行樣式修飾。 在實際應用中，optional 一般用于設置一些次要的樣式屬性，比如顏色、背景、邊框等。如果這些屬性對于整個排版的效果影響不是特別大，那么我們可以將它們設置為可選，這樣就可以大大提高 CSS 代碼的可讀性和可維護性。 下面是一個簡單的示例，使用 optional 關鍵字設置字體顏色為可選：

p {
font-size: 16px;
color: optional(red);
}

上面的代碼中，我們設置了一個 p 元素的字體大小為 16px，顏色為 optional(red)。這里的 optional(red) 表示字體顏色為可選，如果沒有設置該屬性值則不進行樣式修飾，如果設置了屬性值為 red，則按照 red 進行樣式修飾。 需要注意的是，optional 關鍵字只能用于屬性值，不能用于屬性名。另外，在一些舊版本的瀏覽器中可能不支持 optional 關鍵字，因此需要在編寫代碼時多加考慮兼容性。 總之，使用 CSS 的 optional 關鍵字可以讓我們更加靈活地設置樣式屬性，提高代碼的可讀性和可維護性，是一個非常實用的技巧。