CSS IDごとのCLASS指定

質問

以下のようなCSSがあった場合に、それぞれのIDに同じ名前で中身の違うCLASSを指定する事は出来るのでしょうか？

#main{
margin:0;
padding:0;
background: transparent;
float : left;
font-size : 0.8em;
}

#menu{
margin:0;
padding:0;
width:140px;
float : left;
font-size : 0.8em;
background :url('img/back.gif') no-repeat left top;
color:#17F600;
}

#mainにはこれ、
.txt {
font-size : 1em;
line-height : 120%;
margin:0 0 5px 380px;
padding:0 0 0 30px;
text-align : left;
color:#69788A;
}

#menuにはこれ
.txt{
font-size : 1em;
padding:0 0 0 10px;
margin:5px 30px 5px 0;
text-align : left;
color:#69788A;
border-bottom:1px solid #CFDEEF;
}

といったかんじなのですが…

回答No.1

himemoco77 · ベストアンサー

子セレクタを使用します。
この場合は、
#main .txt{
aaaaa;bbbbb;
}
#menu .text{
ccccc:ddddd;
}
です。

お礼

ありがとうございます。おかげで作業が進みました。

ポイントは回答順につけさせていただきました。

回答No.2

think49

<div id='main' class='txt'>...</div>
<div id='menu' class='txt'>...</div>

なら

#main.txt { ... }
#menu.txt { ... }

でいいと思います。

お礼

ありがとうございます。おかげで作業が進みました。

ポイントは回答順につけさせていただきました。