3

我发誓我在一年前遇到过这样的工具，但我找不到它。我已经搜索和搜索，尤其是在堆栈上，但似乎没有什么是正确的。

这样做的原因是为现有网站创建备用样式表，而不必清空现有样式表等。感谢您的帮助！

4

3 回答 3

5

底漆

...通过拉出所有类和 id 并将它们放入起始样式表中来为您的 CSS 打底。粘贴您的 HTML 以开始使用。

http://primercss.com

熊 CSS

...对于网页设计师来说是一个方便的小工具。它会生成一个 CSS 模板，其中包含您的标记中定义的所有 HTML 元素、类和 ID。

http://bearcss.com/

于 2012-08-13T19:46:42.400 回答
1

如果您不害怕编程解决方案，那么使用 jQuery 编写自己的“解析器”非常容易：

$("*[id*=]").each( function() {
    if(this.id !== "") {
        console.log("."+this.id+" {");
        console.log("");
        console.log("} ");
        console.log("");
    }
});

顺便说一句，它也可以很容易地变成一个书签工具，比如这个：

javascript:(function(e,a,g,h,f,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement("script");c.type="text/javascript";c.src="http://ajax.googleapis.com/ajax/libs/jquery/"+g+"/jquery.min.js";c.onload=c.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d=="loaded"||d=="complete")){h((f=e.jQuery).noConflict(1),b=1);f(c).remove()}};a.documentElement.childNodes[0].appendChild(c)}})(window,document,"1.3.2",function($,L){$("*[id*=]").each( function() {if(this.id !== "") {console.log("."+this.id+" {");console.log("");console.log("} ");console.log("");}});});

否则，我会建议像 yckart 建议的那样尝试使用这个 CSS 生成器或使用CSS 。

于 2012-08-13T21:12:24.787 回答
0

试试http://spruce.flint.umich.edu/~jalarie/jaa_kcd2.htm上的CSS按钮

于 2012-08-13T20:18:41.930 回答