有没有可以从HTML生成CSS类的程序？

Question

想知道是否有程序或脚本可以从HTML文档结构生成一个样式表（显然是带有空白值的）？基本上只需提取您在HTML中设置的ID和类别，制作占位符CSS，这样您就不必提前规划或再次编写它，记住DRY原则吗？:)如果您认为这对其他人没有帮助，请随时大喊大叫：D。我相信我可以像那样迅速完成某些事情，但如果已经存在，我可能会坚持我的DRABEE规则（也就是不要重复别人的成果）。谢谢。

- UserZer0

---

我不确定我理解那的意义。CSS（层叠样式表）的整个目的是，不是每个ID和类都被单独设置样式，而是根据它们在文档中的位置和继承某些样式进行设置，这完全取决于您的样式，而不是您的文档结构。如果您要分别为每个ID和类设置样式，那么您就做错了。 - Konrad Rudolph

听起来是个不错的计划，我也很感兴趣。我同意Konrad的观点，但仅仅是为了对你的文档结构有个印象，这似乎是一个有用的工具。它还可以添加那些在HTML中使用但在CSS中没有定义的类。 - Bazzz

它无法处理#id .class、.class .otherclass或.class, .similarclass这些情况。因此，它可能并不是太有用...只是说一下，因为我经常将类与ID组合在一起（级联等）。 - Gabriele Petrioli

如果你这么懒，为什么不使用Dreamweaver或类似的工具呢:D - Shrinath

@Konrad 不，我并没有把所有东西都分开。这样做是为了避免那个问题。 - UserZer0

@Gaby，是的，那就是我想要的。我并不觉得解析那种结构有什么难度，只是如果已经有人做了，我就不想再做一遍了。 - UserZer0

Answer 1

你有查看过 http://primercss.com/ 吗？ 它似乎正好符合你所需求的。

- pierot

---

Primercss做了，但并不正确。老实说，这非常糟糕和无用。 但是这个想法真的很好，值得感激的是我们有http://lab.xms.pl/css-generator/。它更好，而且实际上按预期工作=) - Liko

Answer 2

CSS框架生成器http://lab.xms.pl/css-generator/比Primer更好用。

- Marek Ka.

---

这是所有建议中最为高级的一个。 - Germstorm

Answer 3

虽然略有迟到，但现在也有BearCSS这样的工具：

http://www.bearcss.com/

免责声明

本回答主要旨在为本帖增加额外价值并创建CSS生成器概述。

在我看来，在尝试了本帖中提到的所有工具后，http://lab.xms.pl/css-generator/是最好的一个。

- Robin van Baalen

Answer 4

我在经过多次对不同可用工具的严格比较后，找到了最好的工具: 如果你想免费在线从标记生成CSS，则需要BeeCSS-CSS Generator:

http://beecss.theextremewebdesigns.com/

如果您已经有（杂乱的）CSS代码，并希望在线免费清理/压缩它，则需要使用BeeCSS - Cleaner Minifier。

http://beecss.theextremewebdesigns.com/css_clean_css_minify/

- Devner