CSSでのリストのマージン記述について

リストのマージンを左に他のli行と比べ、１２０pxずらして表示したい場合、
CSS表記を、
あらためて、クラスliを作って、margin　： 0 0 0 120 ;
としましたが、うまくいきません。
margin-left : 120px ;
もダメでした。

ご存知の方、教えてください。
よろしくお願い致します。

No.3 ベストアンサー 回答者： torayoshi 回答日時： 2011/04/18 17:36

.m120 li

を
li.m120
としてみてください。
これはセレクタの優先順位に関係してるのかも知れません。

この回答へのお礼

出来ました！！

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

継承？とかそういうのが、あるんですよね？！
よくわからなくてやっているので、

助かりました！！

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

お礼日時：2011/04/18 18:02

No.2 回答者： torayoshi 回答日時： 2011/04/18 13:34

考え方はそれで合ってると思います。

（margin:0 0 0 120px;は「左から」時計回りですよ ^^;）

なんか複雑なリストなんでしょうか。
↓こんな感じでうまくいきませんか？
.li-lmove{
margin:0 0 0 120px;
}

<ul>
<li class="li-lmove">項目1</li>
<li>項目2</li>
<li>項目3</li>
<li>項目4</li>
<li>項目5</li>
</ul>

この回答への補足

下記に記載しましたが、出来たら教えてください。
助かります。よろしくお願いします。

.site {
margin: 0 0 10px 0;
padding: 8px 8px 10px 8px;
}
.site ul {
margin: 0;
padding: 0 0 4px 0;
}
.m0 li {
margin: 0;
padding: 3px 0 3px 0;
}
.m120 li {
margin: 0 0 0 120px;
padding: 3px 0 3px 0;
}

そして、
<div class="site"><ul class="site">
<li class="m0">マージンなし</li>
<li class="m120">右に１２０ｐｘずれる</li></ul></div>

こんなかんじにしました。
もしかしたら、ソフトが固まっているかもしれません。
ちょっと、反応が鈍くて、文字サイズを変えても、
変わらなくって、しまってきています。。。

補足日時：2011/04/18 14:12

この回答へのお礼

早速の回答ありがとうございます。

おっしゃる通りの意味合いであっています。（私のしたいことは、伝わっているようです）が、出来ません。。。

再度、ご教授していただけるとありがたいのですが、
補足のほうに、再度書きますので、

できましたら、お手数ですが、よろしくお願いします。
頼ってすみません。

お礼日時：2011/04/18 13:51

No.1 回答者： torayoshi 回答日時： 2011/04/18 12:22

通常どんな要素でも「左端から」が初期値だから「左にずらす」ことは出来ないでしょう。

左にずらしたいliを初期値にして他のliを「右に120pxずらす」と
「左にずらしたいli」が「120px左にずれてるように」見せることは出来ますが。

この回答への補足

できれば、
margin　： 0 0 0 120 ;

のどこが間違っているのか教えてほしいです。
右から、上、右、下、左の指定で合っていると思うのですが。。。

補足日時：2011/04/18 12:38

この回答へのお礼

ありがとうございます。

左ではなく、右にずらしたいのです。
間違えました。

できたら、右へ１２０ｐｘずらす方法を教えてください。
よろしくお願いします。

お礼日時：2011/04/18 12:37