Question

我目前使用Javascript来隐藏我的Tumblr网站主页上的社交媒体按钮。它被编程为仅基于浏览器中的URL而不是在任何其他页面上将它们隐藏在主页面上。

然而，我很好奇是否有办法用CSS（甚至CSS3）来做这件事，类似于媒体屏幕如何根据浏览器大小为div设置条件。我知道你可以用PHP获得更多条件，但是Tumblr不会允许它。

Answer 1

根据您可以隐藏的浏览器大小，例如

@media (min-width: 768px) and (max-width: 979px) {
  .hidden {
    display:none;
  }
}

或

取决于父类

 <body class="wrapper">

 .wrapper .hidden{display:none;}

Answer 2

您应该使用{block:PermalinkPage}和{block:IndexPage}。

{block:PermalinkPage}
<div class="icons">
    <p>This will only appear on permalink pages.</p>
</div>
{block:PermalinkPage}

如果你只希望它出现在帖子而非页面上，你可以将它包装在{block:Date}中更进一步。