css - float:none 被 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:left . 有什么想法吗？

我还应该添加 - 如果我将 float:none 更改为向右或向左，它确实有效

score 0 · Accepted Answer

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

.subCatImg img.StoreProductImage{
    float:none;
}

这假设图像是 .subCatImg 的孩子

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

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

1 回答 1