所以我一直在嘗試讓 SASS 為一個(gè)項(xiàng)目工作，但由于某種原因嵌套不想為我工作？當(dāng)我將 .header-menu 的片段移到嵌套之外時(shí)，它工作得很好，只是沒(méi)有嵌套？這是index.html的代碼：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Portfolio</title> <link rel="stylesheet" href="../stylesheets/scss/style.scss"> <script src="../Javascript/includeHTML.es6"></script></head><header> <div w3-include-html="../Elements/Header.html"></div> <script>includeHTML()</script></header><body class="homepage"><p>hallo dit is een test</p></body></html>這是頭文件的代碼：<!DOCTYPE html><html><head> <link rel="stylesheet" href="../stylesheets/scss/style.scss"></head><header><div class="header"> <h1>Pointbreak</h1> <div class="header-menu"> <ul> <li>Who am I?</li> <li>My work</li> <li>Contact</li> </ul> </div></div></header></html>這是 style.scss，請(qǐng)注意，“&-menu”和“.header-menu”都不起作用：.header { background-color: white; &-menu { background-color: red; } .header-menu { background-color: orange; }}.homepage { background-color: lightgray;}最后是編譯后的 CSS 代碼：.header { background-color: white;}.header-menu { background-color: red;}.header .header-menu { background-color: orange;}.homepage { background-color: lightgray;}/*# sourceMappingURL=style.css.map */我希望我提供了足夠的信息，如果沒(méi)有，請(qǐng)告訴我。
用 SASS 嵌套似乎對(duì)我不起作用？
墨色風(fēng)雨
2023-11-13 14:36:11
