CSS Własne ostylizowanie klas framework'u

Witam!
Przeglądam dokumentację Foundation i ciekawi mnie, jak mogę zmienić albo dodać klasy. Przykładowo podam taki kod z dokumentacji:

<ul class="menu">
 <li><a href="#">One</a></li>
 <li><a href="#">Two</a></li>
 <li><a href="#">Three</a></li>
 <li><a href="#">Four</a></li>
</ul>

Gdzie klasa menu (i inne) ma właściwości w pliku CSS framework'u. I teraz aby je zmienić pod siebie to muszę zrobić tak:

<ul class="menu stylizowanie">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
<li><a href="#">Four</a></li>
</ul>

Następnie utworzyć oddzielny arkusz CSS, dodać w nim klasę stylizowanie i jej właściwości. Albo:

<ul class="menu">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
<li><a href="#">Four</a></li>
</ul>

Tak samo tworząc oddzielny arkusz CSS, ale tym razem dodać klasę menu i jej właściwości. Co tym samym zastąpi właściwości tej klasy w pliku CSS Foundation. Który sposób jest dobry?

Nie ma chyba jedynej słusznej wersji. Obie opcje działają i mogą być używane, zależenie od twoich preferencji. Jednak tworzenie nowych klas w większości przypadków jest chyba bardziej przejrzyste. Wyjątek mogą stanowić elementy które chcesz zmienić globalnie np. kolor buttonów, lecz wtedy lepszą opcją jest raczej edycja i kompilacja bootstrapa pod swój projekt.

Dzięki za odpowiedź. Postanowiłem narazie nie korzystać z frameworków CSS, wole sam coś napisać. Temat do zamknięcia.