您好我在这里接受咨询，因为我正在重新设计我的网站以添加用户界面，这样我就可以随时随地编辑它的架构和内容。
（我知道已经有CMS或框架用于简化开发，但我试图在跳过这一步之前学习“如何”和开发方法。）
我使用SASS / Compass设计了我的网站样式表，输出了一个干净的CSS文件。
在这个CSS中我有一些使用SASS循环生成的图标类，它们有相同的属性，但背景。
$icon-list: aftereffect, photoshop, illustrator;
@each $icon in $icon-list {
.#{$icon} {
background-image: url("../icons/JPEG/#{$icon}.jpg");
}
}
静态的“$ icon-list”内容现在存储在一个动态的表中，我希望自由添加和删除条目，而无需手动编辑和反复生成。
所以我的问题是：如果图标表中有更新，我该怎么做才能生成图标类？最好的方法是什么？
这是我带来的两个主电源解决方案：
我认为用PHP编译SCSS是可能的，我可以编辑图标的SCSS文件，然后替换$ icon-list变量的内容并在我用php发出添加/删除请求时编译scss图标表。但我不太清楚如何做到这一点。
总是在发出添加/删除请求时，我可以使用php生成新的图标类，并将它们堆叠到主样式表的底部。但是我必须搜索并删除以前的类，因为它不会删除以前的样式，我希望只保留一个css文件。
我希望你能够帮助我并告诉我哪种方法最好，如果你有更好的方法。我不是要求代码片段，因为我真的希望自己发展并学习但是如果有需要的话，那就解释一下吧。我真的很抱歉因为我不是母语人士，所以看上去很紧急，而且我的英语不好。
谢谢。