Question

我正在尝试瞄准没有ID或类的div，而nth-child看起来很完美，但我似乎无法让它工作。我甚至在Safari的网络检查器中复制了确切的选择器，但使用它仍然没有效果。这是我所看到的，在Inspector中突出显示了所需的div。

我想消除售票盒底部不需要的空间（正好在“添加到购物车”按钮下方） - “div.card”下面的第三个div。我还投入了几个不是覆盖的额外样式，只是为了确保我达到正确的div，但它们没有显示。

Web Inspector提供的选择器是

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

但它根本不起作用，我在这里碰壁...希望有人能指出我正确的方向。

谢谢！

Answer 1

新答案：

我刚才意识到这个元素在iFrame中。您无法通过CSS影响iFrame的内容！

但是针对这种特殊情况有一种解决方法：您可以对该iFrame的包装器应用负边距，这会使其不那么高：

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

如果您只想将此应用于该特定页面，则可以将page-id类添加到选择器：.postid-3896 #elevent-ticket-widget { ... }