Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从HTML标记生成CSS文件_Html_Css_Dry_Markup_Web Standards - Fatal编程技术网

从HTML标记生成CSS文件

从HTML标记生成CSS文件,html,css,dry,markup,web-standards,Html,Css,Dry,Markup,Web Standards,我创建了很多html和css页面。有没有一种方法可以标记html文件,而不是从标记生成css文件 以下是我的想法: 示例标记 <body id="home"> <section id="main"> <article> <p>Some content</p> </article> </section> <aside>

我创建了很多html和css页面。有没有一种方法可以标记html文件,而不是从标记生成css文件

以下是我的想法:

示例标记

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

   <aside>
       <article>
           <p>Some more content</p>
       </article>
   </aside>
</body>
是的,有:并遍历DOM树以生成骨架CSS文件


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

我会看看CSS Lint——生成的CSS类型非常不切实际。永远不要使用2个ID,CSS lint实际上建议永远不要使用它们。CSS lint在建议不要使用ID时是愚蠢的。除非你有另一个进程去掉任何空的CSS规则,否则这会留下太多未使用的CSS,使你的CSS文件膨胀并使你的网站变慢。这样做很容易,但是你会得到一个巨大的CSS,它对你没有实际用途。最好自己分析代码,只添加所需的样式。结果会更好,你会更快到达那里。我相信同样的问题在上得到了回答。我同意css是不切实际的,但它使文件非常可读,并且在以后的编辑中节省了时间。@Dan:键入新选择器的时间越少,寻找选择器的时间就越多。除非你的页面很小,否则我认为通常的方式会更快。嗯。。。这是名字使用者的答案吗?
#home {  }
#home #main {  }
#home #main article {  }
#home #main article p {  }

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