0

こんにちは、今夜はこれに約 4 時間を費やしましたが、髪をすべて引き裂いてあきらめなければなりませんでした。私は十分に単純なcssの質問をしないようにしていますが、リスト項目、またはより具体的には子リスト項目を理解することはできません. 私が見つけたすべてのための1つのルール。

<li class="parent open">
<span class="parent open"></span>
<a href="/member-tags/forum">Member Tags</a>
<ul>
<li class="parent open">
<span class="parent open"></span>
<a href="/world-komp/forum">world of komp</a>
<ul>
<li>
<a href="/komps-bets/forum">komps bets</a>
</li>
<li>
<a href="/komps-daily-diary/forum">komps daily diary</a>
</li>
...

子アイテムのインデントを小さくし、テキストを少し小さくしてそれらに対応したいと考えていました。これがスクリーンショットです。左側の黒いものは、子アイテムを配置したい場所を示す矢印であるはずです。 ここに画像の説明を入力

私のウェブサイト http://onlinebanter.comでコードを表示できます

私は本当にこれを理解しようとしてあまりにも多くの時間を費やしており、私が試した最初の夜ではないので、すべての助けに感謝します.

ありがとう

ul.jquerymenu li.parent {
  background-image:none;
  list-style:none none;
}
.block ul {
  margin:0;
  padding:0 0 0.25em 1em;
}

ul.menu {
  border:none;
  list-style:none;
  text-align:left;
}

ul {
  list-style-type:disc;
}
.block ul, .block ol {
  margin-left:2em;
  padding:0;
}

ul, ol, dd {
  margin-bottom:1.5em;
  margin-left:2em;
}

ul.menu li {
  margin:0 0 0 0.5em;
}

li, li.leaf, ul.menu li, .item-list ul li {
  line-height:150%;
}

ul.menu li, ul.links li {
  margin:0;
  padding:0;
}

ul.jquerymenu li.parent {
  background-image:none;
  list-style:none none;
}

ul.menu li {
  margin:0 0 0 0.5em;
}

li, li.leaf, ul.menu li, .item-list ul li {
  line-height:150%;
}

ul.menu li, ul.links li {
  margin:0;
  padding:0;
}
4

2 に答える 2

2

HTML は次のようになります。

<ul>
  <li>...
  <ul>
    <li>....

次の CSS が適用されます。

ul {
  margin-left: 2em;
}

値を に変更するだけ1emで、インデントが少なくなります。

于 2012-12-04T01:58:41.543 に答える
1

In your particular situation you can use the selector .parent .parent ul, like so:

.parent .parent ul {
margin-left: 1em;
font-size: 10pt;
}

.parent .parent ul finds a ul element that is a child of an element with a class parent that is again a child of another element with a class parent. Like this:

<tag class="parent">
  <tag class="parent">
  </tag>
</tag>

In that example, there is an element (tag) with a class of parent, inside of an element (tag) with a class of parent. So the CSS could be .parent .parent { ... }

Now, put a UL element in there:

<tag class="parent">
  <tag class="parent">
     <ul>
     </ul>
  </tag>
</tag>

Now the CSS selector could be .parent .parent ul { ... }

Hope that helps.

于 2012-12-04T02:00:43.357 に答える