css - 如何将伪类选择器应用于元素

Question

是否可以自己应用我的伪类样式？

例如，考虑:

button {
  color:#fffff;
}
button:hover {
  color:#ddddd;
}

是否可以在此示例中“应用”悬停伪类，以便即使用户没有将鼠标悬停在它上面，样式也会应用？概念上是这样的:

<div class='button:hover'></div>

约束是无法复制粘贴悬停样式，也无法对其进行编辑。

这有可能吗？ (顺便说一句，我也在使用 SASS)

Answer 1

既然你说新类可以添加到元素中。 添加类 .btn-hover 并使用以下样式。

.btn-hover{
color:#ddddd !important;
}

这里!important是修改样式的关键，它会覆盖所有已有的样式

希望这对您有所帮助!