Question

我有点难题。我正在改造Square Space网站。我正在使用他们的beta＆＃39;开发者＆＃39;模式;到目前为止似乎只允许CSS文件的来源，一切都在他们的＆＃39; 块＆＃39;或。页 /。块。没有.html或.php文件可以在任何地方找到。

所以我被困在他们的代码注入区域内＃39; - 并为页脚。我设置了页脚内容但除了主页之外，页脚应该显示在任何地方。我想知道你们中是否有人知道编写内联JS和/或CSS的方法只能隐藏主页上的页脚;或通过主页网址？

<center>
  <div>
    <a class="footer" href="https://coolguys.squarespace.com/terms/">FAQ</a>&nbsp;•

    <a class="footer" href="https://coolguys.squarespace.com/green/">GREEN</a>&nbsp;•

    <a class="footer"  href="https://coolguys.squarespace.com/wholesale/">WHOLESALE</a>&nbsp;•

    <a class="footer" href="https://manbearpigs.squarespace.com/links/">LINKS</a>

<br>
  <span>Hello World</span>    
</div>

使用纯CSS执行此操作将是最优选的。

我发现了这个：

body.page-id-777 td#footer {
display:none;
}

但不确定网页网址或等等;可以翻译成页面ID。

Answer 1

使用纯js很容易做到这一点。

if (document.url == "http://squarespace.com") {
    document.getElementsByClassName("footer")[0].style.display = 'none';
}

Answer 2

我可能错了，但我认为squarespace在主页的主体上放置homepage类，为每个其他页面放置page类。如果是这种情况（我怀疑你可以相当容易地测试它），那么下面的CSS应该可以工作：

body.homepage td#footer {display: none;}
body.page td#footer {display: table-cell;}

如果主页（或某个页面/网址）隐藏页脚

2 个答案: