CSS转换不影响Javascript生成的HTML
我有一个css转换，可以在悬停时旋转对象CSS转换不影响Javascript生成的HTML,javascript,html,css,Javascript,Html,Css,我有一个css转换，可以在悬停时旋转对象 .rotate { transition: 0.2s; } .rotate:hover { transform: rotate(20deg); } 当应用于硬编码的HTML元素时，这种方法非常有效 但是，该页面包含一个生成更多HTML并将其插入div（div.innerHTML=newHTML）的脚本 css转换对脚本生成的任何元素都不起作用 为什么会出现这种情况，如何纠正 编辑： 这里是一个简单的例子，展示了我的代码，但是我根本无法让这个例子工作，硬
.rotate { transition: 0.2s; }
.rotate:hover { transform: rotate(20deg); }
<!doctype html>
<head>
<style>
.rotate {
transition: 0.2s;
}
.rotate:hover {
transform: rotate(20deg);
}
</style>
</head>
<body>
<a class="rotate" href="#">A test text</a>
<div id="plot"></div>
<script>
function makeHTML()
{
return '<a class="rotate" href="#">I am a HTML link</a>';
}
var plot = document.getElementById('plot');
var text = makeHTML();
plot.innerHTML = text;
</script>
</body>
</html>
.轮换{
过渡：0.2s；
}
.旋转：悬停{
变换：旋转（20度）；
}
函数makeHTML（）
{
返回“”；
}
var plot=document.getElementById（'plot'）；
var text=makeHTML（）；
plot.innerHTML=文本；
变换；
}
var plot=document.getElementById（'plot'），
text=makeHTML（）；
plot.innerHTML=文本
。旋转{
过渡：0.2s；
显示：内联块；
}
.旋转：悬停{
变换：旋转（20度）；
}
变换
仅适用于块级元素。默认情况下，；
}
var plot=document.getElementById（'plot'），
text=makeHTML（）；
plot.innerHTML=文本
。旋转{
过渡：0.2s；
显示：内联块；
}
.旋转：悬停{
变换：旋转（20度）；
}
请添加您的代码片段，不要复制它~。您确定您的JavaScript正在向新元素添加正确的类吗？您所描述的在技术上是不可能的。如果它们具有这些类，并且CSS中更具体的选择器应用的规则不会覆盖转换
和转换
属性，则应应用您指定的规则。最简单的方法是检查添加的元素，转到“计算”（靠近“样式”）选项卡，检查元素的transition
和transform
属性中指定的内容。它还将告诉您设置它们的规则。没有一个，我们帮不了你更多。添加了一个例子。这不是一个。如果成功的话，这将是一个例子。我明白了你的问题所在，现在用例子回答。请添加你的代码片段，不要复制它~。您确定您的JavaScript正在向新元素添加正确的类吗？您所描述的在技术上是不可能的。如果它们具有这些类，并且CSS中更具体的选择器应用的规则不会覆盖转换
和转换
属性，则应应用您指定的规则。最简单的方法是检查添加的元素，转到“计算”（靠近“样式”）选项卡，检查元素的transition
和transform
属性中指定的内容。它还将告诉您设置它们的规则。没有一个，我们帮不了你更多。添加了一个例子。这不是一个。如果成功的话，这将是一个例子。我明白了你的问题所在，现在用例子回答。