2

この標準のPinterestウィジェットのスタイルを変更することは可能ですか?こちらをご覧ください。単に背景色を変更したいとします。

http://business.pinterest.com/widget-builder/#do_embed_user(実際に表示するには[プレビュー]をクリックしてください)

私がすることは何の効果もありません...スタイルシートを修正するか、jQueryを使用してそれを.のようなものでターゲットにしたとしても.css('background-color','black')

4

1 に答える 1

2

Pinterest ウィジェットで何が起こっているかを次に示します。ページが読み込まれるたびに、Pinterest ウィジェット スクリプトが新しい CSS クラス名を割り当てます。そのため、直接指定できないため、CSS でターゲットを設定するのは難しいです。次のような特定の CSS パスをたどることで、そこにたどり着くことができました。

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

div#pinterest_wrapper彼らのコードをラップしたのはどこ<div>ですか...簡単に見つけられるようにするためです。パスを正しく取得したら、必要に応じてスタイルを簡単に設定できました。

(ネストされた階層があります。上に示したように、おそらくほとんどのスタイルを適用する必要が<span>ある最初の内部です。)<span>

于 2013-03-11T00:47:06.597 に答える