CSS dwie różne listy

0

Witam,
zacząłem bawić się html i css i natrafiłem na mały problem zrobiłem sobie menu za pomocą listy i w css wygląda tak:

ul, ul li
	{
		display:block;
		list-style:none;
		margin:0;
		padding:0;	
	}
	
ul li
	{
		float:left;
		position:absolute;
		top:600px;
		left:80px;	
	}
	
li 
	{
		width:115px;
		color:white;
		text-align:center;
		font-size:16px;
		
	}

i problem polega na tym, że teraz chce zrobić inną zwykła listę a css cały czas formatuje to według tego jak zrobiłem menu. Mam do was pytanie jak zrobić żeby tą drugą listę formatowało inaczej. Wiem, że są klasy i identyfikatory ale nie bardzo wiem jak ich użyć. Prosiłbym o wytłumaczenie.

0
<ul id="unikalny_identyfikator">
  <li>opcja</li>
  <li>opcja</li>
</ul>

<ul class="klasa1">
  <li>opcja</li>
  <li>opcja</li>
</ul>

<ul class="klasa1">
  <li>opcja</li>
  <li>opcja</li>
</ul>
  #unikalny_identyfikator li { color: red; list-style-type: disc; }
  ul.klasa1 li { color: green; font-size: 20px; }

element może mieć wiele klas (rozdziel spacją).
ID powinno być unikalne (jedno takie na cały dokument), elementy z tymi samymi klasami mogą się powtarzać.
w css elementy wg id wybierasz stawiajac hash przed selektorem, np #jakies_id, ale też możesz zdefiniować o jaki element html Ci chodzi: ul#jakies_id. podobnie klasy - tylko używasz kropki.

Nie wiem co Ci więcej napisać. Może - poczytaj sobie o html i css, bo pytanie o taki banał to trochę przesada :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1