nth-childを持つ要素をターゲットにすることができません

Question

IDまたはクラスのないdivをターゲットにしようとしていますが、nth-childはこれに最適ですが、動作させることができません。私はSafariのWebインスペクタで正確なセレクタをコピーしましたが、それを使用しても効果はありません。インスペクタで目的のdivがハイライト表示されています。 「div.card」の下に第三のdiv -

は、私が（ちょうどカートに入れるボタンの下）発券ボックスの下部にある不要なスペースを排除したいです。オーバーライドではない余分なスタイルをいくつか追加しています。ちょうど私が正しいdivに到達していることを確認するためですが、表示されていません。

のWebインスペクタが提供するセレクタが

#widget > event-ticket-widget > div > div.card > div:nth-child(3) 

である。しかし、それは単に動作しないと私はここにハンガーノックよ...誰かが正しい方向に私を指すことができると思います。

ありがとうございます！

Answer 1

NEW ANSWER：

私はこの要素がiFrameの内部にあることに気づきました。あなたはははCSSを介してiFrameの内容に影響を与えることはできません！

しかし、この特定の状況のた​​めの回避策があります：あなただけにこれを適用する場合は

#elevent-ticket-widget { 
    margin-bottom: -150px; 
} 

そして：あなたはそれがあまり高くなりますようにiFrameのラッパー、負のマージンを適用することができますその特定のページには、セレクタにページIDクラスを追加することができます：.postid-3896 #elevent-ticket-widget { ... }