问题按钮的位置问题

Question

Pin It按钮的位置有问题。

我将此代码添加到页面：

<script type="text/javascript" async defer  data-pin-color="red" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

像pinzrest在official site说的那​​样。

悬停时按钮会出现但位置不好 - 距离顶部很远，就像在此屏幕截图中看到的那样：

我没有找到任何方法来改变这个位置的js或css。

我没有链接，因为它在我的本地机器上，但你可以看到它与网站和开发工具的截图：

有人知道解决方案吗？

Answer 1

你可以用css中的！important覆盖按钮的类或id。我们无法查看哪个类或ID，因为您不与我们分享HTML代码。设想：

<div class="pinit"></div>

CSS：

.pinit {
     top : 0px !important;
}

Edit

使用伪类，您可以：

 a[class$="pin_it_button_20"]{ top: 20px!important ;} 

这意味着类名以pin_it_button_20结尾的锚

你也可以让它逆转

a[class^="PIN"]{ top: 20px!important ;} 

这意味着类名以PIN开头的锚