其實，在實際的前端開發中，SCSS 和 CSS 都是有自己的用途的，并不是 SCSS 會替代 CSS，二者并不是互斥的關系，可以同時存在。

SCSS 可以幫助我們更加方便地書寫 CSS，特別是在需要大量重復的樣式時，可以使用變量、代碼塊等功能，使得代碼更加簡潔易懂。而 CSS 則是實際的樣式表語言，直接影響頁面的樣式效果。

因此，在開發過程中，我們可以使用 SCSS 編寫樣式，最終將其編譯成 CSS 應用于頁面中。這樣一來，不僅能夠提高開發效率，而且還可以避免一些低級的語法錯誤等問題。

// 示例 SCSS 代碼
$primary-color: #1e90ff; // 聲明變量
.container {
width: 960px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
.title {
font-size: 24px;
color: $primary-color; // 使用變量
}
}

以上代碼中，我們使用了變量 $primary-color 來存儲主色調的顏色值，并且還使用了 SCSS 的代碼塊作用域，在容器 .container 內部聲明了標題 .title 的樣式。

最后，我們需要將 SCSS 代碼編譯成 CSS 代碼，才能應用于頁面中。編譯有多種方式，可以使用 webstorm、vscode 等集成開發工具內置的編譯工具，也可以使用預處理器自帶的命令行工具等。

總之，SCSS 和 CSS 都是有自己的用途的。SCSS 可以幫助我們提高開發效率，但卻無法取代 CSS 在頁面中的作用。