ul bez marginesu na pierwszym poziomie zagnieżdżonej listy?

Question

Chcę, aby lista stylów, która nie ma marginesu - pozostawiona na pierwszym poziomie. Ale robi na kolejnych, wyrównanych podlistach. Ktoś wie, jak to zrobić?

<ul> 
<li>no margin</li> 
<li> 
    <ul> 
    <li>yes margin</li> 
    </ul> 
</li> 
</ul> 

(bez dodawania klas css do pierwszego poziomu ul lub zmianą kodu)

Answer 1

Czy pierwsza ul bezpośrednim potomkiem ciała? Wiem, że powiedziałeś, że nie dodawałeś klas CSS do kodu, ale zakładam, że dodanie rzeczy do arkusza stylów nie jest wykluczone? Jeśli więc można użyć deklaracji stylu jak:

body > ul{ 
margin-left:0px; 
} 

lub jeśli wiesz div to nie siedzieć w ciągu:

#your_id > ul{ 
margin-left:0px; 
} 

Nie mogą być również domyślny wyściółka trzeba rozważyć.

Dzięki

Answer 2

Powinieneś raczej usuną margines głównego <ul>, a następnie ustawić margines dla <ul> że w elemencie <li>.

ul { 
    margin-left: 0px; 
} 

li > ul { 
    margin-left: 10px; 
} 

Answer 3

Rzeczywiście, ale małe uzupełnienie do odpowiedzi TommyBs za: trzeba zastosować identyfikatora używanego w tagu html lista pozycji, tak jak poniżej:

<ul> 
<li id="your_id">no margin</li> 
<li> 
    <ul> 
    <li>yes margin</li> 
    </ul> 
</li> 
</ul> 

A w css odpowiednia linia będzie być

li#your_id { 
    margin-left:0px; 
} 

Answer 4

Jeśli chcesz to mieć zastosowanie do wszystkich <ul> s na każdej stronie arkusza stylów jest nakładana, to działa:

ul {/* Remove margin for all <ul>s (and padding, because different browsers have different default styles) */ 
    margin-left: 0; 
    padding-left: 0; 
} 

ul ul {/* Add a margin for any <ul> inside another <ul> */ 
    margin-left: 2em; 
} 

Ale jeśli chcesz, aby był stosowany do niektórych list, musisz dodać coś do kodu HTML, aby zidentyfikować te listy (jak sugerowały inne odpowiedzi).

Answer 5

W moim przypadku nie było domyślne marginesy, a ja je ustawić 0 -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0;