css - 如果某个元素存在于更高层的 DOM 中，则从该元素中移除样式

Question

我有一个相当具体的场景，当且仅当我可以确定 DOM 中存在另一个元素时，我想从名为“footer”的元素中删除顶部边距。

另一个元素恰好是具有彩色背景的 DIV，在这种情况下，应用于页脚的边距会产生不需要的空白区域。

另一个元素不是页脚的兄弟元素，而是 DOM 中前一个元素的相当深的后代。

一个例子是:

<main>
   <section>
      <wrapper>
         <div id="if-exists-remove-footer-styling">

         <div>
      </wrapper>
   </section>
</main>

Answer 1

这是一个非 jQuery 解决方案:

if (document.getElementById('if-exists-remove-footer-styling')) {
    document.getElementById('footer').style.marginTop = 0;
}

所有这一切都假设您的页脚元素有一个 id。