float：none被float：left覆盖

Question

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

.subCatImg.subCatImg
{
float:none;
}

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

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

出于某种原因，即使.subCatImg具有更高的特异性，它的浮动继续被img.StoreProductImage覆盖 - 我认为这是因为它是float：none因此被左侧覆盖，但是甚至添加清除：两者都继续默认为向左飘浮。有什么想法吗？

我还应该添加 - 如果我改变浮动：无向右或向左它确实有效

Answer 1

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

.subCatImg img.StoreProductImage{
    float:none;
}

这假设图像是.subCatImg

的子图像

Float right似乎正在起作用，因为它同时向元素应用左侧和右侧，因为两种情况都与元素匹配。

.subCatImg.subCatImg在你发布的另一个上方声明了吗？