如您已經了解，Sass是一種CSS預處理器，它讓我們能夠更加便捷地編寫CSS并使其更加強大。然而，在編寫Sass文件時，很多人會遇到無法正確顯示Sass文件的問題。本文將向您展示如何在CSS中正確顯示Sass文件。
//Sass代碼
$primary-color: #337ab7;
button {
background-color: $primary-color;
color: white;
padding: 10px 20px;
border: none;
border-radius: 3px;
}通常情況下，瀏覽器并不會識別Sass文件。而在網頁開發中，我們通常需要將Sass文件的語法轉化成瀏覽器可讀的CSS代碼。此時，您需要使用編譯器來將Sass文件轉換為CSS文件，再將其導入到HTML文件中。
在編譯器中，您可以將Sass文件轉換為CSS文件并保存在同一目錄下。此外，您還可以選擇將生成的CSS文件保存到一個新的文件夾中。
/* CSS代碼 */
button {
background-color: #337ab7;
color: white;
padding: 10px 20px;
border: none;
border-radius: 3px;
}最后，您只需要在HTML文件中將CSS文件導入即可。
<head>
<link rel="stylesheet" href="style.css">
</head>使用上述方法，您就可以輕松地顯示Sass文件中的CSS代碼了。