Html 是否有一些工具可以自动将css类转换为自定义前缀类？

用于将前缀和/或后缀同时附加到CSS和HTML的工具

我喜欢在codepen上使用脚本，但类名通常是通用的，比如p、div、label等等

因此，我想知道是否有一种工具可以同时替换类名并向html、CSS和JS添加前缀或后缀

这样，如果我在我的网站上使用代码，它将不会与我的类甚至ID冲突

事情会有转机：

<div class="a">Hello</div>

进入

这可以通过查找和替换来完成，但这很繁琐而且容易出错。…

这可以通过使用来完成

Linux命令行：

sed 's/class="\([^"]*\)"/class="my_\1"/g' old.html >new.html
sed 's/\.\([a-zA-Z0-9_\-]\+\)/.my_\1/g' old.css >new.css

或者在任何数量的优秀文本编辑器Geany、Notepad++、…：

替换

class=[^]*和class=my\u1

及

---

\[a-zA-Z0-9_ \-]+with.my_\1

我不确定你的css是否可以这样做，但我可以建议你在你的body标签上添加一个id，然后继续将你的每个css都更改为这个BodyId.a等。也许你需要研究sass/less嵌套问题，让我们建议、查找或推荐一本书、工具、软件库，有关堆栈溢出的教程或其他非现场资源在Notepad++中不是主题Stack Overflow我如何才能做到这一点？我应该在“查找框”和“替换框”中输入什么？我已经有很长一段时间没有使用Notepad++了，但谷歌搜索了这个页面：它是法语的，但基本上，您只需在搜索模式下的单选按钮中选择正则表达式即可。

.a

.my_a

sed 's/class="\([^"]*\)"/class="my_\1"/g' old.html >new.html
sed 's/\.\([a-zA-Z0-9_\-]\+\)/.my_\1/g' old.css >new.css