我是一名后端開發人員，負責將前端從自定義框架遷移到 React。（請為我考慮一下）。我在其他 CSS 類中遇到過 CSS 類，例如：
content.document{
display: flex;
.important{
background-color: #FAD08A;
padding: 20px 0;
border-radius: 5px;
position: relative;
img.important{
width: 70px;
float: right;
}
h2 {
font-size: 16px;
color: #ccc;
text-align: center;
line-height: normal;
}
}
}
我從來沒有見過這種做 CSS 的方式，當然如果我把它粘貼到一個普通的 CSS 檔案中，它就行不通了。
是否有一個庫可以讓我在其他 CSS 類中定義 CSS 類（例如在上面的 .important 中如何定義 h2）？我寧愿不必修改大量的 CSS 來讓它作業。
uj5u.com熱心網友回復：
這很粗魯。有sass和scss語法。你上面的那個是scss. 他們有.scss或.sass檔案型別。Sass-Variant 洗掉括號并使用類似的縮進CoffeeScript或YAML.
由于你現在使用 React，你可以使用yarn addornpm install命令安裝一個“sass”包。由于遺留和不同的環境，sass 有不同的版本。您可以決定是在本地（每個專案）還是全域（npm 的 -g 標志）安裝它。
通常，我使用名為sass的包。你也可以使用 dart-sass。如果你想變得花哨：more-details-about-sass-variants。
你可以在這里閱讀更多內容：https ://create-react-app.dev/docs/adding-a-sass-stylesheet/ 。
該工具支持sass并scss具有不同的設定：sass playground
uj5u.com熱心網友回復：
正如 Jon 所提到的，它是用 SCSS 撰寫的。您可以嘗試使用將 SCSS 轉換為 CSS 的在線工具。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/413011.html
標籤：
上一篇：如何保持中間字母居中？[復制]