覆盖iframe instagram小部件无效的内联css

Question

通常当我想覆盖iframe中的某些css时，我只是确保它更具体或使用！important并且从未遇到过任何问题。我正在尝试嵌入我最新的4张Instagram照片，我不希望这些照片之间有任何空间。 AKA我需要删除iframe内锚标签的边距。我已经尝试使其具体并使用！important。我也尝试使用jquery等到iframe加载并插入内联css。这两种方法都适用于iframe标记，但不适用于其中的任何内容。

我的网站：http://chrisandlenzi.com/，Instagram Feed位于页面底部。我现在在我的css文件中有这个：

.media-grid li a {
    margin: 0 !important;
}

这是我尝试的jquery：

    $('iframe').load( function() {
        $( '.no-border' ).each(function () {
            this.style.setProperty( 'margin', '0px', 'important' );
        });
    });

如果有人能帮助我弄清楚如何做到这一点会很棒，但如果你至少知道为什么会这样，那也是有效的。

Answer 1

我明白了！我正在使用http://widget.websta.me小部件，无论我尝试什么，包括Andrew Lyndem的回答，都没有用。我刚刚切换小部件，现在正在使用此小部件而不是http://snapwidget.com/，只要我选择了响应式选项，“照片填充”设置就可以了。当我没有检查响应设置时，无论我放在那里，它都会给我5px。我仍然不知道为什么，但这是修复，以防其他人有同样的问题。