这样的事情可能吗？
div[id^=red]:hover {
color: (/red/);
}<div id="red"></div>
答案 0 :(得分：1)
您不能仅使用HTML执行此操作，但如果您可以编辑div {
width: 100px;
height: 100px;
background: grey;
}
.red:hover {
background: red;
}
.blue:hover {
background: blue;
}
.green:hover {
background: green;
}，则有解决方法。
第一个选项是添加一个表示颜色的类，并相应地设置它的样式，这不是很有效，但它可以完成这项工作。当然，如果你的颜色是动态的，它就不会起作用：
<div class="red"></div>
<div class="blue"></div>
<div class="green"></div>:hover
另一个棘手的解决方案，因为你计划使用div {
width: 100px;
height: 100px;
}
div:not(:hover) {
background: grey !important;
}，是设置颜色并在空闲状态下覆盖它：
<div style="background: red;"></div>
<div style="background: blue;"></div>
<div style="background: #fa8732;"></div>
<div style="background: #bb0099;"></div>HTMLCSS中添加所需的任何颜色，并且不必担心ifstream::get。
当然这适用于任何财产。