css - 仅使用 CSS 有条件地隐藏 div？

Question

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

但是，我很好奇是否有办法只使用 CSS（甚至 CSS3）来做到这一点，类似于媒体屏幕如何根据浏览器大小为 div 设置条件。我知道您可以使用 PHP 设置更多条件，但 Tumblr 不允许这样做。

score 3 · Accepted Answer

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

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

或者

取决于父类

 <body class="wrapper">

 .wrapper .hidden{display:none;}

score 2 · Accepted Answer

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

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

{block:Date}如果您只希望它出现在帖子而不是页面上，则可以通过将其包装更进一步。

2 回答 2