从HTML标记生成CSS文件

我创建了很多html和css页面。有没有一种方法来标记一个HTML文件，而不是从标记生成一个CSS文件。从HTML标记生成CSS文件

下面是我在想什么：

示例标记示例生成CSS

#home { } 
#home #main { } 
#home #main article { } 
#home #main article p { } 

#home aside { } 
#home aside article { } 
#home aside article p { }

来源

2011-08-16 Dan

我会看看CSS Lint - 生成的CSS类型是非常不切实际的。切勿使用2个ID，而CSS lint实际上建议不要使用它们。 –

建议不使用ID时，CSS lint很愚蠢。 – sidyll

除非你有另一个过程去掉任何空的css规则，否则这会留下太多未使用的css文件，导致你的css文件膨胀并使你的网站变慢。 –

是的，是的

<body id="home"> 
    <section id="main"> 
     <article> 
      <p>Some content</p> 
     </article> 
    </section> 

    <aside> 
     <article> 
      <p>Some more content</p> 
     </article> 
    </aside> 
</body>

：parse the HTML步行DOM树生成你的骨架CSS文件。

PS：这是非常不切实际的CSS。

来源

2011-08-16 21:13:32 Vlad

我同意这是不切实际的CSS，但它使文件非常可读，并最终节省时间与未来的编辑。 – Dan

@Dan：输入新选择器的时间越少，搜索选择器的时间越多。除非你的网页很小，否则我认为通常的方式会更快。 – Charles

嗯...这是第一名用户的答案吗？ – Charles

从HTML标记生成CSS文件

回答

相关问题