CSS różne właściwości <ol> i <li> dla poszczególnych klas

Question

Witajcie, mam pewien problem. Polega on na tym, że chciałbym stworzyć kilka menu i formularzy na różnych partiach strony, jednak gdy stosuję parametr <ol> to jest on taki sam jak dla wszystkich, próbuję to skorygować stosując różne nazwy klas, jednak moja wiedza aż tak daleko nie sięga aby znaleźć przyczynę problemu. Czy mógłby ktoś spojrzeć fachowym okiem na CSS i HTMLa i powiedzieć co jest nie tak, co zmienić? wejdźcie sobie w https://jsfiddle.net/w4m7ocpL/. Chodzi o to żeby czarny pasek różnił się stylem przycisków od czerwonego w górnej części.

Dzięki za wszelką pomoc i pozdrawiam
:>

Answer 1

Musisz ustalać odpowiednie klasy dla ol, li i stylować po klasach, nie po elementach.

Przykład: https://codepen.io/alterwar/pen/eMmJjP

Comments

rzeczywiście, ruszyło się. Mam jeszcze jedno pytanie. Chodzi mi o zmianę wysokości a'la przycisku opartego na listach. Dla każdej klasy są takie same. Chciałbym jednak aby w drugiej klasie były one kwadratowe. Ma ktoś może pojęcie co to za atrybut to warunkuje?

LINK: https://codepen.io/anon/pen/XEJRMr

---

Poczytaj o właściwościach display:inline-block. Dodatkowo paddingi :)

Tutaj masz na szybko przykład. https://codepen.io/alterwar/pen/WzvXoW