Javascript 设置默认Twitter小部件的样式时出现问题

我在一个WP网站上工作，在设计twitter的默认小部件时遇到了很多麻烦。有关此小部件的更多信息，请参见：

主要问题是，无论我堆叠元素或使用多深，我的CSS样式都会被覆盖！使用此小部件时的“重要提示”。例如，我正在使用下面的代码尝试将外部小部件的边界半径从5px更改为0px，但没有任何更改

.时间表{ 边界半径：0！重要； -webkit边界半径：0！重要； -moz边界半径：0！重要； } !函数d、s、id{ var js，fjs=d.getElementsByTagNames[0]， p=/^http:/.testd.location？'http'：'https'； if！d.getElementById{ js=d.createElements； js.id=id； js.src=p+://platform.twitter.com/widgets.js； fjs.parentNode.insertBeforejs，fjs； } } 文档、脚本、twitter wjs； 当我使用浏览器的编辑器时，上面发布的CSS有效地改变了小部件的样式。。。但当粘贴到我的实际CSS文件中时就不会了，该文件设置为最后加载，在所有其他CSS之后

这让我相信，上面推特脚本所使用的CSS文件就是我的CSS的基础

有人知道如何设计这个小部件吗？或者更重要的是，是否有人知道如何加载默认的twitter小部件CSS文件，以便我可以直接编辑它？任何帮助都将不胜感激！谢谢

包含小部件脚本的页面：

---

有很多关于自定义的信息，我相信您已经了解了这些信息，实际上不会让您覆盖“border radius”属性。或者你可以使用这个方便的小片段来拉入你的提要，它允许完全定制我没有任何附属关系，但我以前用过它

解决了

所以基本上你需要告诉Twitter在加载所有其他样式后从你的CSS文件中提取，然后你就可以完全控制你的Twitter小部件了。虽然我发现围绕这个话题有很多困惑，但实际上有一个非常简单的方法来调整所有Twitter元素

下面是从头到尾的详细过程

首先：下载这个JS文件并将其适当地上传到您的文件结构中。我会把它放在你的JS文件夹里。如果没有JS文件夹，可以创建一个

只需确保正确更改目录路径即可。您可以在此处从Github获取文件：

第二：加载这个文件。我建议将代码与其他脚本放在标题中。以下是一个例子：

请记住正确更改目录路径

第三：创建你的Twitter小部件。只需登录Twitter，然后访问以下链接：

第四：将新创建的代码粘贴到网页中。。。像这样：

!函数d、s、id{ var js，fjs=d.getElementsByTagNames[0]， p=/^http:/.testd.location？'http'：'https'； if！d.getElementById{ js=d.createElements； js.id=id； js.src=p+://platform.twitter.com/widgets.js； fjs.parentNode.insertBeforejs，fjs； } } 文档、脚本、twitter wjs； 第五：将以下代码放在您的twitter小部件脚本下面

请记住正确更改目录路径

变量选项={ url:/wp content/themes/revrie/css/app.css }; 自定义WitterWidgetOptions； 第六个也是最后一个：到处玩！只需使用inspect element工具以小部件的元素为目标，然后将新调整的CSS粘贴到指定的样式表中

---

希望这有助于解决很多关于如何调整这些Twitter小部件的困惑。享受。

HTML中的类是twitter时间线，而CSS中的类只是时间线。除此之外，Twitter和Facebook的widget非常可怕，而且难以设计。我目前正在编写自己的程序，以允许我完全控制其中每个元素的样式。timeline元素是twitter小部件自动创建的结构的一部分；此.timeline元素具有我试图更改的已定义边界半径。inspect element工具显示了这一点，但我无法发布屏幕截图，因为没有足够的堆栈溢出点。你知道有什么方法可以强制脚本加载一个单独的CSS文件吗？