Question

嘿，我有一个简单的问题。我需要使用自定义css删除我的html代码中的“margin-bottom：10px”以获得我的TOP LEFT NAVIGATION BAR（facebook，instagram，twitter）。它是我的社交媒体图标的图像容器。

以下是代码：

<a class="synved-social-button synved-social-button-follow synved-social-size-18 synved-social-resolution-single synved-social-provider-facebook nolightbox" data-provider="facebook" target="_blank" rel="nofollow" 
href="https://www.facebook.com/orangecountyhydroponicsupplies" style="font-size: 0px; width:18px;height:18px;margin:0;margin-bottom:10px;">
<img alt="facebook" class="synved-share-image synved-social-image synved-social-image-follow" width="18" height="18" style="display: inline; width:18px;height:18px; margin: 0; padding: 0; border: none; box-shadow: none;" 
src="https://www.greenenvysupply.com/wp-content/plugins/social-media-feather/synved-social/image/social/regular/48x48/facebook.png"></a>

我再次需要使用自定义CSS来删除底部边距拜托，谢谢！ Greenenvysupply.com

Answer 1

您使用的是内联式。您只能使用!important覆盖该内容，但是如果您有特定情况，则应尽量避免使用内联样式并仅使用!important。

li.menu-item > a {
    margin: 0 !important;
}

如果你想保持它好，给下面的所有锚点。您将仅针对真正不需要保证金的元素进行具体说明

.no-margin {
    margin: 0 !important;
}

Answer 2

#menu-top-left li.menu-item > a {
    margin-bottom: 0 !important;
}

Answer 3

试试这个。

更改top-bar padding-bottom 0px

.top-bar{
padding: 10px 0 0px !important;
}

Answer 4

在您的情况下，您还需要为图标链接设置相同的字体大小。

li.menu-item > a {
  margin: 0 !important;
  font-size: 15px !important;
  padding: 0 11px !important;
}

自定义CSS - 删除导航栏中的边距底部

4 个答案: