float:无被float:left覆盖

Question

嘿，所有这一切都是我在这里的第一篇文章，我对CSS的世界还是相当陌生的。我有两段代码

.subCatImg.subCatImg
{
float:none;
}

它控制一个特定的图像，以及这段控制其他几个对象的代码：

img.StoreProductImage {
float:left;
padding-right:5px;
margin:0px 5% 10px 5px;
}

出于某种原因，即使.subCatImg具有更高的特异性，它的float仍然会被img.StoreProductImage覆盖--我假设这是因为它是float:none，因此会被left覆盖，但即使添加了clear:both也会继续默认为float:left。有什么想法吗？

我还应该添加-如果我将float:none更改为right或left，它确实可以工作

Answer 1

你确定特异性更高吗？img是一个块元素与类选择器。你可以直接说

.subCatImg img.StoreProductImage{
    float:none;
}

这假设图像是.subCatImg的子项

Float right可能看起来是有效的，因为它同时将left和right应用于元素，因为这两种情况都与元素匹配。

是否像您在这里发布的那样，在另一个上面声明了.subCatImg.subCatImg？