jquery - 如何使 jQuery css 影响即将到来的元素

Question

有没有办法让 jQuery(或任何 javascript)更改 CSS 方案，而不是仅仅将样式应用于与描述符匹配的当前元素？

假设我的 css .bla{ width: 200px;} 上有这个。如果我运行 $('.bla').css('width', 300); 那么 jQuery 只会将其应用于现有元素。

我想要的是一种使新宽度也成为新 .bla 元素的规则的方法。为了做到这一点，如果我继续添加 .bla 元素，那么它们的宽度将为 300。

有办法吗？

Answer 1

试试这个:

var style = $('<style>body { background: green; }</style>')
$('html > head').append(style);

这取自this链接