Einrücken von Aufzählungszeichen per CSS

[Snoggi]

Hallo

Meine Frage wird für euch warscheinlich ziemlich einfach zu beantworten sein, aber trotzdem.

Auszug aus der HTML-Datei:

<div id="main">

	<div id="main_inner" class="fluid">

		<div id="primaryContent_columnless">
			<div id="columnA_columnless">
                
			<h3>...</h3>
                
                    <ul>
                        <li>
                            1 text text

                                <li>2 text text</li>
                            </ul>
                        </li>

"1 text text" soll nun eingerückt sein mit einem schwarzen Punkt als Aufzählungszeichen
"2 gtext text" soll doppelt eingerückt sein mit Kringeln als Aufzählungszeichen.

Wie muss ich das in meine separate CSS-Datei schreiben?

Danke schonmal

Snoggi

 

[kruschimappel]

für die Zweite Einrückung musst du eine neue Liste innerhalb des Listenpunkts der ersten Liste anlegen (mit <ul>). Für diese Liste musst du mit CSS

list-style-type: circle;

definieren. Weitere Styles findest du hier:
list-style-type: Aufzählungszeichen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[Snoggi]

Und wie unterscheide ich dann im CSS zwischen Liste 1 und 2?

 

[Elroy]

Hallo.

Du kannst jedem <li> eine andere class zuweissen und sie so formatieren wie du möchtest.

Allerdings ist deine Liste falsch aufgebaut.
Lies dir dazu bitte nochmal die entsprechenden Grundlagen durch.

Gruss
Elroy

 

[Gilles]

deine Liste ist wie Elroy schon sagte falsch aufgebaut.
Probier es mal so

<ul id="meineListe">
  <li> 
   List-Item 1
   <ul>
      <li>Untergeordnetes</li>
   </ul>
  </li>
</ul>

Mit css kannst du nun auf die einzelnen Elemente zugreifen:

 #meineListe li {
   list-style-type: circle;
 }

 #meineListe li ul li {
   list-style-type: square;
 }