有什么方法可以插入我在Codepen上发现的某些效果而不更改以前的工作吗？

Question

I want to include some code I found on code pen but when I insert it in my own code, everything gets messed up since the aforementioned effect needs some CSS which clashes with my own. Is there an easy way to insert the code into my own and apply its own CSS only to that part of the code? It's virtually impossible to modify the pen's css because is really big. It would be great to find a way for that code to use only its own CSS while the rest of the page uses the one I wrote.

Thanks in advance.

Answer 1

Create parent div for the code and give some class name to that div of your code. Then to all CSS properties of the code apply that class name as prefix and Bingo !! You're done with overriding error.

NOTE : While following above process create class for the code whichever contains less code **(Codepen or your original code)**.