外部CSSファイルからのリンク色指定

質問

外部CSSファイルでヘッダー・フッター・左・右と４種類の枠をそれぞれ違ったリンク色に設定したいのですが、下記の記述で個々にリンク色を設定することはできますか？
できるのであればどのように記載すればいいですか？

body{
text-align:center;
background-image: url("image/back.gif");
margin: 0 auto;
}

#container{
width:800px;
margin:0px;
text-align:left;
}

.header{
height: 120px;
background-image: url("access/top.gif");
background-repeat: no-repeat;
background-position: bottom;
margin: 0px;
}

.main{
width:600px;
height:100%;
float:right;
background-color: #FFFF99;
padding: 10px;
margin: 0px;

}

.side{
width:200px;
float:left;
background-color: #0000FF;
padding: 10px;
margin: 0px;
text-decoration:none; color:#FFFFFF;

}

.footer{
font-size: 10px;
}

.clear{
clear:both;
line-height:0;
height:0;
}

回答No.1

steel_gray · ベストアンサー

子孫セレクタでいいかと思います。
http://hp.vector.co.jp/authors/VA022006/css/selector.html#descendant-selectors

例 headerクラス内のリンクの指定
.header a{・・・}
.header a:link{・・・}

お礼

解決しました。
ありがとうございます。