如何縮進兒童UL項目

Question

你好今晚在這個晚上花了大約4個小時，而我不得不放棄我所有的頭髮。我儘量不要問簡單的css問題，但我只是無法與列表項或更具體的兒童列表項握住。所有我找到的一條規則。

<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; 
} 

Answer 1

在您的特定情況下，你可以使用選擇.parent .parent ul，就像這樣：

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

.parent .parent UL找到一個UI元素是一個類的父元素的子一遍是孩子與父類父類的另一個元素。像這樣：

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

在該示例中，有一類親本的一個元素（標籤），內部元件（標籤）與一類親本的。所以CSS可以.parent .parent { ... }

現在，把一個UL元素在裏面：

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

現在CSS選擇器可.parent .parent ul { ... }

希望有所幫助。

Answer 2

你的HTML看起來像這樣：

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

適用於它下面的CSS：

ul { 
    margin-left: 2em; 
} 

值只是更改爲1em和縮進會少一點。