您好我在这里接受咨询,因为我正在重新设计我的网站以添加用户界面,这样我就可以随时随地编辑它的架构和内容。
(我知道已经有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文件。
我希望你能够帮助我并告诉我哪种方法最好,如果你有更好的方法。我不是要求代码片段,因为我真的希望自己发展并学习但是如果有需要的话,那就解释一下吧。我真的很抱歉因为我不是母语人士,所以看上去很紧急,而且我的英语不好。
谢谢。