Question

所以当我将鼠标悬停在产品上时，我会将设计用于产品的文字 http://www.screencast.com/t/X04O6Vn1

.prodThumb .title &gt; span:hover {
    color: #CA681D !important;
    text-decoration: underline !important;
}

现在，我希望在用户使用与此产品名称对应的图像时应用此设置 http://www.screencast.com/t/6qouh6CkO

但我不确定我能用CSS代码来解决这个问题。我还没找到任何可行的选择器

我的想法是找到选择器，然后输入以下代码

selector:hover {
    color: #CA681D !important;
    text-decoration: underline !important;
}

任何有用的想法？非常感谢：）

Answer 1

你可以试试这个：

.imgWrap:hover ~ .title > span:first-child {
    color: #CA681D !important;
    text-decoration: underline !important;
}