divでくくった中の要素にa link

質問

以下のdivでくくった中の要素にa link等の
カラーの指定をしたいのですが、どのように記述したらよいでしょうか。

div.main {
width: 560px;
padding-top: 15px;
padding-left: 20px;
line-height: 130%;
}

---------------
div指定していないところでは

a:link, a:visited {
color: #000000;
font-size: 12px;
line-height: 120%;
text-decoration: none;
}

a:hover {
color: #0066CC;
text-decoration: underline;
}

a.navia:link, a:visited { font-size: 8pt; color: #666666; text-decoration:none;}
a.navia:hover { color: #FF6633 ; text-decoration:underline }

の2つを記述しています。

回答No.1

rio_d · ベストアンサー

こんにちは。

ご質問の内容が「<div>の中だけ<a>の属性を別指定したい」ということであれば、
　div#main {
　width: 560px;
　(中略)
　}
とし(クラスでなくIDを使う)、
　div#main a:link { 【linkの設定】 };
　div#main a:hover { 【hoverの設定】 };
　(以下略)
というようにすると、

<div id=main>
　　:
　　<a href=..>...</a>
　　:
　</div>

これで<div id=main>の中の<a>すべてに【設定】が適用されますよ。

お礼

できました!ありがとうございました。
未だに教えてもらわないとクラスとIDの使い分けがうまくできません（涙）。

回答No.2

steel_gray

#1さんの例のようにスペースで区切ると
「セレクタ１」の配下の「セレクタ２」
という意味になります。

div.main a:link , div.main a:visited{～}
div.main a:active{～}
div.main a:hover{～}

みたいに。

参考URL：

http://www6.plala.or.jp/go_west/nextcss/ref/slctr/slctr.htm#descendant

お礼

サイトは参考になりました。
ありがとうございました!