覆蓋iframe的Instagram小部件不工作的內聯CSS

Question

通常當我想重寫iframe中的一些CSS時，我會確保它更具體或使用！重要，直到現在從來沒有任何問題。我試圖嵌入我最新的4張instagram照片，我不希望照片之間有任何空間。 AKA我需要刪除iframe中錨標籤上的邊距。我已經嘗試過使它具體化並使用！重要。我也嘗試使用jquery等到iframe加載並插入內聯css。這兩種方法都可以在iframe標籤上工作，但不會在其中的任何內容上工作。

我的網站：http://chrisandlenzi.com/和instagram饋送是朝向頁面的底部。我在我的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。我仍然不知道爲什麼，但這裏是解決辦法，以防其他人遇到同樣的問題。