只用CSS有条件地隐藏div？

我目前在我的Tumblr网站的主页上使用Javascript来隐藏我的社交媒体按钮。它被编程为仅在基于浏览器中的url的主页上隐藏它们，而不是在任何其他页面上。只用CSS有条件地隐藏div？

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

。

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

您可以通过在{block:Date}包裹它再前进一步，如果你只希望它出现在帖子而不是网页。

2013-03-26 21:03:44 graygilmore

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

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

或

取决于你应该利用{block:PermalinkPage}和{block:IndexPage}父类

<body class="wrapper"> 

.wrapper .hidden{display:none;}

2013-03-25 04:45:56 Prashobh

这不会将头版与Tumblr博客上的其他页面区分开来。 – unor 2013-03-25 19:01:06

回答