Mam takie menu:

[HTML] pobierz, plaintext 
<div class="bd">
<ul><li><a href="/">Strona glówna</a></li>
<li><a href="/content/pompy-ciepla">Pompy ciepla</a></li>
<li><a href="/content/ogrzewanie-podlogowe">Ogrzewanie podlogowe</a></li>
<li><a href="/contact">Kontakt</a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

i css do niego:

[HTML] pobierz, plaintext 
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
 
}
 
ul li {
	display: inline;
	white-space: nowrap;
	text-decoration:none;
	color:#000;
}
[HTML] pobierz, plaintext 

No i wszystko fajnie się wyświetla w poziomie, ale też inne listy zaczęły się wyświetlać w poziomie a tak być nie może więc dodałem klasę do wszystkiego i mamy coś takiego:

[HTML] pobierz, plaintext 
<div class="bd">
<ul class="tazo"><li class="tazo"><a href="/">Strona glówna</a></li>
<li class="tazo"><a href="/content/pompy-ciepla">Pompy ciepla</a></li>
<li class="tazo"><a href="/content/ogrzewanie-podlogowe">Ogrzewanie podlogowe</a></li>
<li class="tazo"><a href="/contact">Kontakt</a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

i css:

[HTML] pobierz, plaintext 
.tazo ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
 
}
 
.tazo ul li {
	display: inline;
	white-space: nowrap;
	text-decoration:none;
	color:#000;
}
[HTML] pobierz, plaintext 

Jednak teraz lista jest ciągle wyświetlana w pionie, czyli nie chwyta tych nowych ustawień.
Dlaczego ?

nie dawaj tyle class w ul i li, tylko w css odwołaj się do rodzica, np.
ul li zamień na .bd ul li

Dzięki za szybką pomoc