基于html文件ID和类自动创建CSS

我在谷歌上搜索这个问题，但没有得到任何合适的结果

脚本编辑器中是否有自动导入html类和ID的选项？因此，对于以下html代码示例，将自动创建下面的css结构：

HTML:

---

有些编辑器（如Dreamweaver）在您对CSS代码应用特定格式时会自动创建CSS代码

例如，如果在段落中选择红色作为字体颜色，则会添加相应的CSS代码

---

根据您如何配置CSS样式，可以使用jquery将其添加到单独的文件中，或添加到与

标记相同的HTML中。但是，您能否更具体地说明您希望在哪个触发事件上创建此html？

<div class="container">
    <ul>
        <li><a href="#"></a></li>
    </ul>
</div>

.container{
}
.container ul{
}
.container ul li{
}
.container ul li a{
}