根据下面的布局,如果它#header-precursor
或#link-preview
下方,我如何隐藏#linkPreviewIframe
?
以下是文本形式的基本布局:
<p id="link-preview>
<iframe id=linkPreviewIframe>
#document
<html>
<head>..</head>
<body>
<div id="page">
<div id="header-precursor">
This is the one I want to hide
</div>
</div>
</body>
</html>
我试过了#link-preview #header-precursor { display: none;}
,但它没有用。我对Shadow DOM了解不多,但我认为这就是#document所表示的,所以我也尝试了这个,但没有运气:#link-preview::shadow #header-precursor { display: none;}