Img 元素受另一个类影响但不拥有该类/CSS

Question

我在寻找为什么我的img 在右侧有一个边距，我没有找到与对象相关的任何边距，并且将边距设置为 0 不起作用。我终于找到了问题所在。另一个名为floatright img, li 的类，其边距为 15px，对名为 img 的类工作。问题是我不明白为什么。 Img 没有特定的类，只有它所在的整个 div 有一个类，但类是 angebote 并且没有边距。在控制台中停用 15px 边距不仅会删除拥有类 floatright 的对象的边距，还会从命名的 img 中删除边距。我应该怎么办 ？我不知道为什么 img 会受到它甚至不拥有的另一个类的边缘的影响。

Here is the problem and how I found it

 .angebote img{
    width: 250px;
    height: auto;
 }
 .floatright li, img{
    float: right;
    font-size: 10px;
    margin-right: 15px;
    list-style: none;
 }

Answer 1

您发布的第二个 css 规则 (.floatright li, img {...) 选择两个不同的东西：具有 .floatright 类的父元素中的所有 li 元素，以及 所有 img 元素一般的。逗号分隔选择器，设置对两个不同的选择器有效。

因此，要从您的图像中删除 margin-right，只需将 margin-right: 0 添加到您的 .angebote img 规则中即可。它的选择器比 img 更具体，因此它会否决其他 CSS 规则。 float: right 也一样：如果您不想要它，请将 float: none 添加到您的 .angebote img 规则中。