Emmet-我可以写HTML以便CSS结构自动生成吗？

Question

I have one question. I use Emmet to write html. Can I write html so that the css structure will generate automatically? For example... I write this code:

div.wrapper>div.head>a.logo+h1{Some text}

I will get this:

<div class="wrapper">
 <div class="head">
  <a href="" class="logo"></a>
  <h1>Some text</h1>
 </div>
</div>

I would like this result:

<div class="wrapper">
 <div class="head">
  <a href="" class="logo"></a>
  <h1>Some text</h1>
 </div>
</div>
<style>
   .wrapper {}
   .wrapper .head {}
   .wrapper .head a.logo {}
   .wrapper .head a:hover.logo {}
   .wrapper .head h1 {}
</style>

Is it possible?

Answer 1

Have you checked out primercss. I think this is what you are asking for.