CSS需要編譯執行，這是因為CSS的語法并不是所有的瀏覽器都能夠直接解析的。在開發者編寫的CSS代碼中，可能存在一些新的語法、變量、混合等高級特性，這些內容需要通過編譯器來進行處理，將其轉換成瀏覽器可以理解的CSS，才能夠有效地生效。

.box {
color: #fff;
background-color:var(--bg-color);
transform: translateX(50%);
&:hover {
background-color: lighten(var(--bg-color), 10%);
}
}
:root {
--bg-color: #000
}

以上代碼中，使用了CSS變量和嵌套選擇器等高級特性。如果使用的瀏覽器并不支持這些特性，那么CSS將無法正確地解析。因此，需要使用編譯器來將其轉換成普通的CSS。

編譯器可以將高級特性轉換成瀏覽器可以識別的語言。例如，可以將Sass文件編譯成普通的CSS文件，或者將Less文件編譯成CSS文件。通過這種方式，可以讓開發者更加自由地使用高級特性，同時又不用擔心在不同瀏覽器上無法生效或者顯示不正常的問題。

總之，CSS需要編譯執行，這是為了讓開發者能夠更加自由地使用高級特性，并且確保這些特性能夠在不同的瀏覽器上正常顯示和生效。