在前端開發中，我們經常使用CSS來給網頁添加樣式。而CSS文件通常都是以.css擴展名來命名的。但是，在一些特殊的場景中，我們可能需要自己新建一個CSS擴展名，例如在自己的框架中、項目中使用。

那么，如何新建CSS擴展名呢？我們可以按照以下步驟來操作：

// 1. 首先，打開你的文本編輯器，新建一個空白的文件，例如：styles.custom
// 2. 接著，在文件中輸入你的CSS代碼，例如：
body {
background-color: #f9f9f9;
font-size: 16px;
}
// 3. 最后，將文件的擴展名修改為.cssx，例如：styles.cssx
// 4. 保存文件，并在HTML文件中引入這個CSS文件。例如：// 5. 刷新頁面，查看樣式是否正常應用。

需要注意的是，由于.CSSX不是標準的擴展名，因此在一些瀏覽器中可能會存在兼容性問題，所以在使用的時候需謹慎。另外，建議在項目中使用CSS擴展名之前，先和團隊成員討論并確定統一的命名規則。

總之，新建CSS擴展名雖然看起來有些“奇怪”，但實際上并不難，只需要按照以上步驟進行操作即可。希望這篇文章對你有所幫助。