0

CSSについてどなたか教えてください。素人で申し訳ありません。 ul {
background: url(img/buckground.jpg) no-repeat left top;
width: 1001px;
height: 25px;
margin: 0px;
padding: 0px;
list-style-type: none;
}


/* liを横並びにする・余白をmarginで入れる */

li {
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
}


/* aをメニューの大きさに設定・ブロック要素（display: block）に
文字を欄外に飛ばして、非表示（overflow: hidden）に */

a{
display: block;
height: 25px;
width: 125px;
text-indent: -1000em;
overflow: hidden;
}


/* それぞれのホバー時の背景をかぶせて設定 */

.m1 a:hover {
background: url(img/2-1.gif) no-repeat left top; }
.m2 a:hover {
background: url(img/2-2.gif) no-repeat left top; }
.m3 a:hover {
background: url(img/2-3.gif) no-repeat left top; }
.m4 a:hover {
background: url(img/2-4.gif) no-repeat left top; }
.m5 a:hover {
background: url(img/2-5.gif) no-repeat left top; }
.m6 a:hover {
background: url(img/2-6.gif) no-repeat left top; }
.m7 a:hover {
background: url(img/2-7.gif) no-repeat left top; }
.m8 a:hover {
background: url(img/2-8.gif) no-repeat left top; }

これにidをつけて特定範囲内で稼働したいのですがうまくできません。どのようにidをつけるといいですか？
現在は
#manu{
}
と記述しています。

質問者が選んだベストソリューション

Yahoo!知恵袋 3989日前