如何修改类的实际css而不是为该类的每个元素添加样式?

use*_*371 2 javascript css jquery google-chrome-extension

我正在编写一个google chrome扩展来修改项目的tumblr外观.我试图让帖子在多个列中而不是仅仅一个,它会......好吧.除非您有些人知道tumblr在您向下滚动时加载新帖子.这些新帖子没有得到我用JQuery添加到类中的CSS.是否有人建议如何修改类的CSS的实际内容,而不是将样式应用于具有该类的所有元素,就像.ccs()似乎正在发生的那样?

这是我目前的代码:

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

});
Run Code Online (Sandbox Code Playgroud)

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

谢谢你的帮助!

dis*_*ing 5

这应该做的伎俩:

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

这会附加一个新style标签<head>.新附加标记中的样式将应用于文档中的所有内容(除了iframe).