Emmet - 我可以编写 html 以便自动生成 css 结构吗？

Question

我有一个问题。 我使用 Emmet 编写 html。 我可以编写html以便自动生成css结构吗？ 比如……我写了这段代码：

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

我会得到这个：

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

我想要这个结果：

<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>

有可能吗？

Answer 1

你检查过primercss.我想这就是你想要的。