使用元素'动态设置HTML元素的样式；s属性没有Javascript

这样的事情可能吗

div[id^=red]：悬停{
颜色：（/红色/）；
}

---

您不能仅使用

CSS

来执行此操作，但如果您可以编辑

HTML

，则有一些解决方法

第一个选项是添加一个表示颜色的类并相应地对其进行样式设置，这不是很有效，但它可以完成这项工作。当然，如果您的颜色是动态的，它就不起作用：

div{
宽度：100px；
高度：100px；
背景：灰色；
}
红色：悬停{
背景：红色；
}
蓝色：悬停{
背景：蓝色；
}
.格林：悬停{
背景：绿色；
}

这是不可能的。CSS确实有一个

attr（）

函数，它可以访问元素的属性，但是您只能使用它来影响before/after伪元素的内容属性。您知道是否有办法使用html bgcolor属性来实现这一点吗？我正在尝试做一个悬停在图像覆盖效果。有没有一种处理不透明度的方法？