Javascript twitter提要小部件的CSS覆盖

我已经阅读了一些关于Twitter小部件CSS覆盖的其他线程。我试着加上

！重要的

但它还没有生效。我只想隐藏小部件的中间部分。当我使用firebug时，div消失了。目前我正在使用

#twitter-widget-0.timeline.stream{
显示：无！重要；
}

---

请有人帮我用一些javascript或jQuery。任何帮助都将是惊人的

新的Twitter小部件通过在文档中插入

来工作。因此，由于以下原因，您无法在父文档中使用CSS修改样式

您可以对其进行的唯一更改是Twitter通过

data-*

属性公开的设置。比如说

data-chrome="noheader nofooter" data-link-color="#cc0000"

没有隐藏正文的选项，只能隐藏页眉或页脚

旧的Twitter小部件工作方式不同，它直接将元素插入当前文档而不是iframe，因此旧的小部件允许您覆盖样式

---

如果Twitter widget不够灵活，无法满足您的需求，那么您可以始终使用twitterapi获取tweet，并基本上生成您自己的widget。这样做的缺点是您必须管理API调用以获取推文并实现缓存等。

新的Twitter小部件通过在文档中插入

来工作。因此，由于以下原因，您无法在父文档中使用CSS修改样式

您可以对其进行的唯一更改是Twitter通过

data-*

属性公开的设置。比如说

data-chrome="noheader nofooter" data-link-color="#cc0000"

没有隐藏正文的选项，只能隐藏页眉或页脚

旧的Twitter小部件工作方式不同，它直接将元素插入当前文档而不是iframe，因此旧的小部件允许您覆盖样式

---

如果Twitter widget不够灵活，无法满足您的需求，那么您可以始终使用twitterapi获取tweet，并基本上生成您自己的widget。这样做的缺点是您必须管理API调用以获取推文并实现缓存等。

您可以尝试使用javascript对其进行操作

var frm = frames['iframeId'].document;
var otherhead = frm.getElementsByTagName("head")[0];
var link = frm.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", "style.css");
otherhead.appendChild(link);

---

这样，您就可以将css样式放置到iframe中。

您可以尝试使用javascript对其进行操作

var frm = frames['iframeId'].document;
var otherhead = frm.getElementsByTagName("head")[0];
var link = frm.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", "style.css");
otherhead.appendChild(link);

---

通过这种方式，您可以将css样式放置到iframe中。

有可能，我使用的是jQuery：

    (function ($) {

  window.setTimeout(function(){
    $(".twitter-timeline").contents().find(".e-entry-title").attr("style", "font-family: 'Gill Sans W02 Book' !important; font-size: 14px;");
  }, 1000);

})(jQuery);

---

有可能，我正在使用jQuery：

    (function ($) {

  window.setTimeout(function(){
    $(".twitter-timeline").contents().find(".e-entry-title").attr("style", "font-family: 'Gill Sans W02 Book' !important; font-size: 14px;");
  }, 1000);

})(jQuery);

---

你是如何使用这个小部件的？这是从另一台服务器加载js的第三方小部件吗？如果是这样的话，您就不能编辑它们的

CSS

，有时小部件也会加载到iFrame中。如果是这样的话，你就不可能覆盖CSS。你是如何使用这个小部件的？这是从另一台服务器加载js的第三方小部件吗？如果是这样的话，您就不能编辑它们的

CSS

，有时小部件也会加载到iFrame中。如果是这样的话，你就不可能覆盖CSS。Hi-guys的可能副本。对不起，我没有早点回复。谢谢你的回复@JREN我将把这个脚本放在页面的什么位置？在你的框架之后，让你的框架先加载，然后你把它注入你的框架。嗨，伙计们。对不起，我没有早点回复。谢谢你的回复@JREN我将把这个脚本放在页面的什么位置？这就解决了我的问题，因为我可以删除我不希望Twitter在第一时间设置的数据，然后我就可以处理剩下的数据。谢谢你的文档链接。这解决了我的问题，因为我可以先删除我不想让Twitter设置的数据，然后我可以在我这端处理其余的数据。感谢您提供文档的链接。