Emmet -我可以写html,使css结构自动生成



我有一个问题。我用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>

有可能吗?

您看过primercss吗?我想这就是你想要的

最新更新