Restyle Pinterest Widget？

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>。）