css - float :none overriden by float:left

Question

嘿，这是我在这里的第一篇文章，我对 CSS 世界还算陌生。我有2段代码

.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:none 更改为右侧或左侧，它确实有效

Answer 1

你确定特异性更高吗？ img 是 block 元素与类选择器。你可以说

.subCatImg img.StoreProductImage{
    float:none;
}

这假设图像是 .subCatImg 的子图像

向右浮动可能看起来有效，因为它将向左和向右应用到元素，因为这两种情况都会匹配元素。

.subCatImg.subCatImg 是否像您在此处发布的那样声明在另一个之上？