Pracuję sobie nad stronką, gdy natrafiłem na problem, na który już kiedyś się natknąłem z rok temu, lecz go zignorowałem. Teraz, stał dla mnie irytujący.
Otóż, stworzyłem na stronie klasę menu i przypisałem do niej cały css dooyczący menu (display:block; list0style: none etc.). Potem w treści strony chciałem użyć znów listy, tylko tym razem z punktowaniem. Robię więc dodatkową klasę “lista” i wpisuję tam list-syle-type: circle. Nie działa. Wpisuję list-style:circle. Też nie działa. Usuwam menu i cały jego css i nagle działa. Przywracam menu, znów nie działa. Pomimo oddzielnych klas, nie mogę stworzyć listy z wypunktowaniem. Wydaje mi się to trochę dziwne, bo przecież po to są klasy, by takich sytuacji omijać.
.menu ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.menu ul li {
float: left;
border-width: 0 1px 0 1px;
border-style: solid;
border-color: transparent #585858 #585858 #252525;
}
.menu ul a:link, ul a:visited {
text-decoration: none;
display: block;
color: #fff;
font-size:20px;
padding:40px 32px 40px 32px;
background: #383838;
text-align: center;
height:20px;
}
.menu ul li a:hover {
text-decoration: none;
color: #fff;
background: #505050;
}
Po usunięciu
display: block; list-style: none;
punktowanie w
wraca (usunięcie samego list-style: none nic nie zmienia). Gdy przywrócę, znów nie ma. Zrobienie oddzielnej klasy i dla menu i dla tekstu też nie pomaga.