CSSを使って特定のページのdivを隠す方法

Webサイト用に新しいテンプレートレイアウトを作成しました。私は自分のログインページで同じレイアウトを使いたいのですが、画像にURL CSSコーディングを使う2つのdivがありますが、ログインページにそれらを表示したくないです。 CSSファイルを上書きするためにログインページで style タグを使用せずにCSSを使用してこれらのdivを非表示にする方法を教えてください。

これが基本的なレイアウトの例です。

example css{
  background-image: url("paper.gif"); 
}

<div class="example div">

Now all I want is that example div to not show in login.php. Please note that I'm using PHP include to grab my template files for my website. Another idea, could I do something like this?

If(index.php){
  div example{
    display:none;
  }
}
0

7 答え

divのプロパティとして style を使用できます

<div class="example div" style="visibility:hidden;">

this will require to create a new layout .

or you can just use this JS code in the login page

document.getElementById('hdiv').style.visibility="hidden";

and just add an id for the div. or you might use getElementsByClassName.

1
追加された
ここで彼らはあなたのウェブサイトのセキュリティを台無しにしないでしょう。なぜならこのコードがすることはデザインにのみ関連していて、phpインジェクションのような何かまたは秘密の情報に到達することには関連していません。 phpファイルに login.php を要求するのであれば、この JS コードを追加するには、このコードを<script>に印刷する必要があります。 <body> タグを閉じる前に、このページ内でのみcode> </script> タグを作成してください。
追加された 著者 Yazan W Yusuf,
関連デザインだけでなく! JS を使用してHTMLキャンバスゲームを作成するために JS を使用する場合、htmlとjsは静的で、サーバー内でこれらを変更することはできないため、セキュリティには影響しません。人々があなたのデータベースにアクセスしようとし、ユーザーのパスワードや個人情報が何かを知っているときのセキュリティ問題はPHPとSQLに関連しています。
追加された 著者 Yazan W Yusuf,
どういたしまして :)
追加された 著者 Yazan W Yusuf,
私はこれをjsを使用する場合私は彼らがウェブサイトのセキュリティを台無しにするために使用することができると言われているので私は私のウェブサイトのためのjsとjquery
追加された 著者 user3727055,
私が関連デザインのためにjsを使う限り、私のウェブサイトのセキュリティだけは影響を受けません。
追加された 著者 user3727055,
jsの簡単なレッスンをありがとうございました
追加された 著者 user3727055,

login.phpページに body 要素のカスタムクラスがある場合、または追加できる場合は、次の手順を試してください。

body .example.div
{
  display:none;
}
0
追加された

Try this: <div class="example div" style="display:none;">

0
追加された

非表示にするための別のCSSクラスを定義します。

.hidden {
  display: none;
}
0
追加された

私の状況では、 "Home"や "About"などのナビゲーションペインがあるLAYOUTファイルがありましたが、これらが "Login"ページに表示されることを望まなかったのです。以下が私の解決策です(私は研究して研究しましたが何も見つかりませんでした)。

レイアウトファイル:

    <body>
    <div>
        
        <div>
            @RenderBody()
        </div>
        
©@DateTime.Now.Year - LinkNChain
 
    </div>
</body>

ログインページ:



0
追加された
<html>
  <body>
    <div style="display:none">
      </div>

    </div>
  </body>
</html>
0
追加された

これが私の提案です:

div.example.div {
    display: none;
}
0
追加された
私は疑似CSSの外観を学んだことがなく、複雑なCSSコーディングのように聞こえます
追加された 著者 user3727055,
divではcssを使用してnoneを表示するだけで、divが同じクラスを持つ場合はcss疑似クラスを使用します。
追加された 著者 Pankaj,