インデックスページのナビゲーションに影響を与えずに2番目のページのnav valesを変更する方法

Question

私はHTMLとCSSに比較的慣れていませんし、ナビゲーションバーのパディングとマージンの値を2番目に変更しようとしていますページに影響を与えずにインデックスページに影響を与えます。

NB：2番目のページでナビのスタイルを少し違うものにしたいと思います。

私は同じコードを持つ2つのナビゲーションバー.navbarと.navbar2を持っています。私は、インデックスページに整列ナビゲーション値に影響を与えることなく、それは別のスタイルにするために、CSSでの構文的な観点からnavbar2 UL LIのプロパティを呼び出すにはどうすればよい

<div class="navbar"> 
    <nav class="large clearfix"> 
     <ul> 
     <li> 
      <a href="index.html">Home</a> 
     </li> 
     <li> 
      <a href="famous.html">Famous People</a> 
     </li> 
     <li> 
      <a href="places.html">Places to Visit</a> 
     </li> 
     <li> 
      <a href="contactus.html">Contact Us</a> 
     </li> 
     </ul> 
     <div class="veggieburger"><a href="#nav">&equiv;</a></div> 
    </nav> 
</div>  

。

私はCSSで成功しなかった。

異なるクラスを管理するまあ

.navbar2 > li { 
    margin-top: 50px; 
} 

Answer 1

、（。）、とID（＃）、私たちは私が書いた括弧内のこれらのセレクタを使用しています。

セイ例えばあなたがスタイルのナビゲーションバーとnavbar2にしたいです独自にセレクタ "。"を使用することで、それらのスタイルを違うものにすることができます。 「。」を追加するだけです。クラスの前に配置し、必要に応じてプロパティを適用します。

したがって、たとえば、私のHTMLは、すべてのアップに行われる想像し、これはCSSのようになります。

.navbar 
     { 
     width: 100%; 
     height: 30vw; 
     color: red;  /*this would make the text red*/ 
     } 

.navbar2 
     { 
     width: 100%; 
     height: 30vw; 
     color: green /*and this makes the text green*/ 
     } 

助けを願っています！