如何在单击DIV标签后永久更改其背景颜色？已尝试以下代码：

<代码>DIV{最小高度：50px；背景颜色：黄色；border-radius：4px 4px 0 0；填充：10px；显示：Flex；align-items：居中；&；：活动{背景颜色：红色；} }

但在释放点击后，背景颜色将恢复为以前的颜色。有没有办法单独使用SCSS和HTML来实现这一点？

<代码><；DIV类=“ DIV ”>；<；P>；您好<；/p>；<；/DIV>；

顺晟科技：

HTML

<代码><；DIV类="；DIV"；ID="；MyDiv"；>；<；P>；您好<；/p>；<；/DIV>；

CSS

<代码>DIV{最小高度：50px；背景颜色：黄色；border-radius：4px 4px 0 0；填充：10px；显示：Flex；align-items：居中；}

JS

div {
 min-height: 50px;
 background-color: yellow;
 border-radius: 4px 4px 0 0;
 padding: 10px;
 display: flex;
 align-items: center;

   &:active {
      background-color: red;
    }
 }

如果你想要纯粹的CSS/SCSS方法，你可以使用转换延迟。首先，您将转换设置为0，并将延迟设置为更高的值（如100000s）。现在，当您激活该元素时，无延迟地将过渡更改为0，以便它立即更改其颜色，现在由于存在巨大的延迟，它几乎成为永久的。（但在您设置的延迟时间结束后，它将返回到其初始状态）

<代码>DIV{最小高度：50px；背景颜色：黄色；border-radius：4px 4px 0 0；填充：10px；显示：Flex；align-items：居中；过渡：背景色0S 100000S；&；：活动{背景颜色：红色；过渡：背景色0s；} }

<代码>DIV{最小高度：50px；背景颜色：黄色；border-radius：4px 4px 0 0；填充：10px；显示：Flex；align-items：居中；过渡：背景色0S 100000S； } DIV：活动{背景颜色：红色；过渡：背景色0s；}

<代码><；DIV>；<；/DIV>；