如何对某个.class执行“ a.hover”？

问题描述

我希望它仅执行-

a:hover {
background-color: #3b3b3b;
color: #d402d4;
}

在班上有任何东西。

我将显示示例代码摘录，以帮助您更好地理解。

<a href="website2.html">
    <img alt="name" src="image.url" width=32" height="32">
    <br>
    <small>Name</small>
</a>

我只想要-

a:hover {
background-color: #3b3b3b;
color: #d402d4;
}

应用于<small>Name</small>，但不适用于<img alt="name" src="image.url" width=32" height="32">。 我的想法是向<small class="class1">Name</small>添加一个类，并且仅对该类执行a:hover {。我不确定这是否可行，或者是否有更简单的方法？

解决方法

您可以这样做：

a:hover small {
    background-color: #3b3b3b;
    color: #d402d4;
}

或在您的small标记中添加一个类（推荐）：

a:hover .your-small-class {
    background-color: #3b3b3b;
    color: #d402d4;
}

这样，当您将鼠标悬停在a标记上时，仅.class属性将发生变化。

,

您是说a:hover small { ... }，a:hover .class1 { ... }还是类似的意思？