jquery - 重新设计 Pinterest 小部件？

Question

是否可以重新设计这个标准的 Pinterest 小部件？看看这里。假设我只想更改背景颜色：

http://business.pinterest.com/widget-builder/#do_embed_user（点击“预览”实际查看）

我所做的任何事情都没有任何效果......修改我的样式表，或者即使我使用 jQuery 并将其定位为.css('background-color','black').

Answer 1

下面是 Pinterest 小部件的情况：每次页面加载时，Pinterest 小部件脚本都会为自己分配一个新的 CSS 类名称。所以用 CSS 来定位它是很棘手的，因为你不能直接指向它。我可以通过遵循特定的 CSS 路径来访问它，如下所示：

div#pinterest_wrapper > span > span:first-child { background-color: black; }

我将他们的代码包装在哪里...div#pinterest_wrapper只是<div>这样我可以更轻松地找到它。一旦我找到正确的路径，就可以根据需要快速设置样式。

（它有一个嵌套的<span>层次结构。如上所示，它<span>是您可能需要应用大多数样式的第一个内部结构。）