html - 动态 CSS 属性

Question

我在 HTML 文件中有接下来的两个元素:

<a id="a1" href="?cssfile=css-folder/015/styles.css">Style number 015</a>
<div id="a1Preview"></div>

第一个( anchor )是对将由页面动态加载的 CSS 的引用。第二个 (div) 假装是样式表的预览(缩略图)。

问题是我需要一种从 CSS 动态设置 div 背景的方法，例如:

#a1Preview
{
    background: url(css-folder/{"015" extracted from the <a> element}/preview.png);
}

这可能吗？有任何想法吗？当然 HTML 是碰不得的。我只能更改 CSS。

提前致谢。

Answer 1

您可以使用 jQuery 动态更改 css 内容。 jQuery 是 javascript 的扩展。从那里您可以使用您用于皮肤的系统，但通常要从标签中提取 href 属性并更改 CSS，您可以使用这样的东西。