仅使用CSS有条件地隐藏div？_Css_Html_Hide_Conditional Statements_Tumblr

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

css html

仅使用CSS有条件地隐藏div？,css,html,hide,conditional-statements,tumblr,Css,Html,Hide,Conditional Statements,Tumblr,我目前使用Javascript隐藏Tumblr网站主页上的社交媒体按钮。它被编程为仅根据浏览器中的url在主页上隐藏它们，而不在任何其他页面上然而，我很好奇，是否有一种方法可以通过CSS（甚至CSS3）来实现这一点，类似于media screen如何根据浏览器大小为div设置条件。我知道使用PHP可以有更多的条件，但Tumblr不允许这样做。例如，取决于可以隐藏的浏览器大小 @media (min-width: 768px) and (max-width: 979px) { .hidden

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

然而，我很好奇，是否有一种方法可以通过CSS（甚至CSS3）来实现这一点，类似于media screen如何根据浏览器大小为div设置条件。我知道使用PHP可以有更多的条件，但Tumblr不允许这样做。

例如，取决于可以隐藏的浏览器大小

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

或

取决于父类

 <body class="wrapper">

 .wrapper .hidden{display:none;}


.wrapper.hidden{display:none；}

您应该使用

{block:PermalinkPage}

和

{block:IndexPage}

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

{block:PermalinkPage}
这将仅出现在永久链接页面上
{block:PermalinkPage}

如果您只希望它出现在文章中，而不希望它出现在页面上，则可以进一步将其包装在

{block:Date}

中。

这不会将头版与Tumblr博客上的其他页面区分开来。