Style überschreiben

[Jan Herold]

Hallo,

ich habe ein Projekt auf mozdev.org. Für die dort gehosteten Seiten gibt es ein zentrales Stylesheet, dass ein einheitliches Layout garantieren soll. In diesem ist für Listen folgendes definiert:

#main-content ul {
  list-style-type: square;
  list-style-image: url(http://www.mozdev.org/sharedimages/bullet.gif);
  list-style-position: inside;
  padding-left: 0;
  margin-left: 0;
}

Die Eigenschaft padding-left: 0; hat zur Folge, dass auch verschachtelte Listen, egal welcher Tiefe, immer linksbündig angeordnet werden.

Ich möchte aber gern, dass verschachtelte Listen eingerückt werden.

Ich habe probiert:
Klasse definiert:

ul.indented {padding-left: 30;}

und dann im HTML:

<ul>
 <li>Ebene 1
  <ul class="indented">
   <li>
   Ebene 2
   </li>
  </ul>
 </li>
</ul>

außerdem:

<ul>
 <li>Ebene 1
  <ul style="padding-left: 30;"> (auch padding-left: 30 !important; probiert)
   <li>
   Ebene 2
   </li>
  </ul>
 </li>
</ul>

Leider ohne Erfolg. Wieso drängelt sich der Style aus der zentralen Datei immer vor?

Danke und Grüße,

Jan