Javascript 如何修改类的实际css，而不是向该类的每个元素添加样式？

我正在为一个项目编写一个google chrome扩展来修改tumblr的外观。 我正试图让这些帖子在多个栏位而不仅仅是一个栏位，它将。。。好吧除非你们中的一些人知道tumblr会在向下滚动时加载新帖子。这些新帖子没有得到我用JQuery添加到类中的css。是否有人建议如何修改类的css的实际内容，而不是像.ccs（）那样对该类的所有元素应用样式

这是我目前的代码：

$("#posts.posts>.post_container").css({
    "display":"inline-flex",
    "margin":"100px",

});

但是只有页面上加载的帖子才能获得样式

---

谢谢你给我的任何帮助

这应该可以做到：

$('<style>', { 
  type: 'text/css',
  text: '#posts.posts>.post_container { display:inline-flex; margin:100px; }'
}).appendTo('head');

$（''，{
键入：“text/css”，
文本：'#posts.posts>.post_容器{显示：内联flex；边距：100px；}'
}).appendTo（“head”）；

---

这会在

中添加一个新的

样式

标记。新添加的标记中的样式将应用于文档中的所有内容（当然，iFrame除外）。

尝试：

$（“#posts.posts>.post_container{display:inline flex；margin:100px；}”）.appendTo（“head”）非常感谢，非常好用！实际上解决的不仅仅是一个问题！有人知道我如何找到当更多的帖子被加载时触发的事件吗？因为我所修改的不是css而是cssstrings@phenomnomnominal编辑得不错。我不知道你可以像那样附加
style
标记。
$（''，{attribute:'value'}）
适用于任何类型的DOM元素，非常方便。