使用css删除产品描述中图像的底部边距？

我添加了“添加到购物车”按钮图片，我在上面放了一个到结帐的链接，图片位于我的产品描述顶部，但图片和文本之间的间距太大了。。。这是我用来删除底部边距的代码（我使用了inspect元素和未选中的底部边距，看起来很完美）

免费全球航运
交货时间：9至18天

img{
保证金：0；
页边距底部：0！重要；
}
锂，
保险商实验室{
保证金：0；
页边距底部：0！重要；
线高：8px！重要；
}

底限绝对是问题的根源。我正在使用SiteOrigin CSS插件来编辑我的CSS，但上面的代码在使用inspect元素（即使删除代码的文本部分，文本也会变形）时并没有按预期工作

它保存在SiteOrigin CSS中（也有一些错误）。

试试这个

img.size-full.alignnone {
      margin: 0;
      margin-bottom: 0px;
    }
    li,
    ul {
      margin: 0;
      margin-bottom: 0px;
      line-height: 8px !important;
    }

正如你已经说过的：“SiteOrigin CSS插件”是你正在使用的东西

但是所有带有“”的标记都是HTML标记，与CSS无关（层叠样式表单）。HTML是一种定义标记而不是设计的标记语言

编辑：尝试此代码并删除您刚刚发布的所有内容

img.size-full.alignnone{
  margin-bottom: inherit;
}

---

tl；博士您将HTML代码放置在CSS插件中。把它拿走

CSS在

标记中。这是非常有效的。是的，但是这个Wordpress插件只用于CSS！您不能在CSS插件中放置HTML标记。。。这就是解析器识别错误的原因。资源：不客气。但是仍然不知道为什么人们会否决我的答案。你能给我们提供一个最小的img工作片段吗？试试

display:block

on

img

tag

margin-bottom

获取的是测量值，而不是颜色值

img.size-full.alignnone{
  margin-bottom: inherit;
}