我想知道以下 css 是如何作業的？
--accent: var(--hue) var(--sat) 50%;
uj5u.com熱心網友回復：
您的代碼顯示了所謂的 CSS 屬性。此特定屬性設定元素重音的顏色。var(--hue) var(--sat) 50%；表示顏色飽和度和色調百分比。
uj5u.com熱心網友回復：
CSS 變數（一個 CSS 屬性）--accent 沒有被賦予兩個值。它被賦予一個值，本質上是一個完整的字串。
考慮這個片段（點擊復選框以更清楚地看到作業中的強調色）：
.container {
--accent: 250, 100%, 50%;
}
.container input {
accent-color: hsl(var(--accent));
}<div class="container">
<input type="checkbox">
</div>這將變數 --accent 設定為整個“字串”，然后在設定另一個屬性時使用它，強調色。
現在我們可以更進一步，定義一些其他變數，這些變數將用于組成變數 --accent。
以你的例子：--accent: var(--hue) var(--sat) 50%;這個片段給--hue和--sat他們的整個頁面的范圍值，然后用它們來設定容器內輸入的口音色。
:root {
--hue: 250;
--sat: 100%;
}
.container {
--accent: var(--hue) var(--sat) 50%;
}
.container input {
accent-color: hsl(var(--accent));
}<div class="container">
<input type="checkbox">
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/346573.html
下一篇：CSS網格-網格開頭的動態列