css - CSSのみで条件付きでdivを非表示にしますか？

Question

私は現在、Javascriptを使用して、Tumblrサイトのメインページにあるソーシャルメディアボタンを非表示にしています。他のページではなく、ブラウザのURLに基づいてメインページでのみ非表示にするようにプログラムされています。

ただし、メディア画面がブラウザのサイズに基づいてdivの条件を作成する方法と同様に、CSS（またはCSS3）だけでこれを行う方法があるかどうかについては興味があります。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}あり{block:IndexPage}ます。

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

{block:Date}ページではなく投稿にのみ表示する場合は、ラップしてさらに一歩進むことができます。

2 に答える 2