Question

我为类分配了以下唯一属性：

.subcategory1:hover  span { background: url(entertainment-hover.png); }

我有很多这样的子类别，我想为它们另外分配一般属性：hover span我想出了以下内容：

 [class*=subcategory]:hover span {
 background-size: 20px; 
 background-repeat: no-repeat;
 background-position: 0px 2px; }

但它不起作用，我无法找到问题 - 请参阅下面的代码段1以获取问题示例和代码段2如果类*的一般属性正确分配给子类别1，它应该如何看待！

有没有人知道我需要修改什么来使这项工作将这些属性分配给所有子类别：hover for span？

请注意，我无法访问HTML代码！

SNIPPET 1 代码和问题

[class*=subcategory]:hover span{
background-repeat: no-repeat !important;
background-size: 20px !important; 
}
  
  
.subcategory1:hover span{ 
background: url(https://designmodo.com/wp-content/uploads/2015/03/designmodo-icon.png) !important;
}

<div class="subcategory1">
<span style="font-size: 100px;">I am in a mess</span>
</div>

SNIPPET 2 它应该如何显示（但在上例中并不存在）

[class*=subcategory]:hover span{ }
        
.subcategory1:hover span{ 
background: url(https://designmodo.com/wp-content/uploads/2015/03/designmodo-icon.png) !important;
background-repeat: no-repeat !important;
background-size: 20px !important;     
}

<div class="subcategory1">
<span style="font-size: 100px;">I am in a mess</span>
</div>

Answer 1

当你使用财产＆＃34;背景＆＃34;你覆盖其他规则。请改为使用＆＃34; background-image＆＃34;。

如何使用跨度悬停的属性选择器

1 个答案: