有没有工具可以把 Dom 结构转 CSS 结构

[junan]

比如 dom

<div class="box">
  <div class="title">
    <img />
  </div>
  <span></span>
</div>

转成 css

.box {
  .title {
    img {

    }
  }
    
  span {
    
  }
}

[Rache1]

这种死板的话，解析成 AST 遍历一遍就有了吧。

[3dwelcome]

https://astexplorer.net/

源代码选 html, 会生成 json 格式。

你需要自己转一下 json, 才能变成 css 格式。

[bojue]

不灵活，还不然定义公共样式类，命令行生成代码块