从 HTML 标记生成 CSS 文件
我创建了很多 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>
生成的 CSS 示例
#home { }
#home #main { }
#home #main article { }
#home #main article p { }
#home aside { }
#home aside article { }
#home aside article p { }
I create a lot of html and css pages. Is there a way to markup an html file, than generate a css file from the markup.
Here's what i'm thinking:
Example Markup
<body id="home">
<section id="main">
<article>
<p>Some content</p>
</article>
</section>
<aside>
<article>
<p>Some more content</p>
</article>
</aside>
</body>
Example of generated CSS
#home { }
#home #main { }
#home #main article { }
#home #main article p { }
#home aside { }
#home aside article { }
#home aside article p { }
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
是的,有:解析 HTML 并遍历 DOM 树来生成骨架 CSS 文件。
PS:这是非常不切实际的CSS。
Yes, there is: parse the HTML and walk the DOM tree to generate your skeleton CSS file.
PS: that IS very impractical CSS.