css悬停替代（自动）

Question

我的CSS必须使用转换进行更改，到目前为止我使用了div:hover。

当您点击另一个div时，需要激活转换，而不是将鼠标悬停在必须移动/更改的div上时。

我该怎么做？

由于

埃弗特

Answer 1

您无法使用css处理dom元素上的点击事件，您需要使用javascript。

您可以将click事件添加到单击它时触发的第一个div。在事件中，您选择另一个div，并进行转换。

Working Demo

您可以通过添加具有css过渡的类来完成此操作：

<强> HTML

<div id="clickme">1</div>
<div id="changeMe">2</div>

<强>使用Javascript：

var el = document.getElementById('clickme');

el.onclick = function() {
    document.getElementById('changeMe').className = "transition";
};

<强> CSS：

.transition{
   /* transition css */
}