class - Div 内のクラス、一度だけ動作

Question

私の問題を解決するために検索を使用できなかったのはこれが初めてであるため、フォーラムは初めてです。おそらく私の言い回しです。あなたの一人が私を助けてくれることを願っています。

問題があります。navbar のクラスを作成しました。これをすべてのリンクにも適用したいと考えています。私は 3 列のレイアウトを持っており、すべてがコンテナーにラップされています (したがって、スティッキー フッターを使用できます)。私のヘッダーのクラスは機能しますが、私の人生では、サイドバーのナビゲーションが適用されない理由がわかりません。ページの各セクション (ヘッダー、列 1、列 2、列 3、およびフッター) には ID があり、その中でナビ クラスを適用するように指示しましたが、役に立ちませんでした。

わからない場合は申し訳ありませんが、何か助けていただければ幸いです。

よろしく

更新...ここで動作します、

<div id="header">
</br>
<img src="images/banner.gif" href="index.html" width="60%"
alt="RedHotPolka">
<br/>
<div class="nav1">
<a href="index.html">Home</a>
<a href="shop.html">Shop</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</div>
</div>

しかし、ここではありません...

<div id="rcol" align="right">
<div class="nav1">
<br/><br/><br/><br/>
<a href="featured.html">What's hot?</a><br/><br/>
<a href="sale.html">Sale</a><br/><br/>
</div>  
</div>

私が使用しているcss..

.nav1
a:link {text-decoration:none; color:#000000; font-size:22px; padding:4px;}
a:visited {text-decoration:none; color:#000000;}
a:active {text-decoration:none; color:#ff0000;}
a:hover {text-decoration:none; color:#ff0000;}

と

*{margin:0;padding:0;}

html, body {height: 100%;}

#container
{
    min-height: 80%;
overflow:auto;
margin-bottom: 100px;
}

#footer
{
position:relative;
margin-top: -100px;
height: 100px;
clear: both;
}

#header
{
margin-bottom: 10px
}

#lcol
{
float: left;
width: 20%;
margin-left: 0%;
display: inline;
}

#mcol
{

float: left;
width: 48%;
margin-left: 6%;
}

#rcol
{

float: right;
width: 20%;
margin-left: 6%;
}

ありがとう