+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Prośba o pomoc z wyróżnieniem LI (/thread-css-pro%C5%9Bba-o-pomoc-z-wyroznieniem-li)
[CSS] Prośba o pomoc z wyróżnieniem LI - kasek - 07-02-2011
Witam
Męczę się z jedną rzeczą i nie mogę zrobić
Mam w css:
Kod:
.klasa ul li{
font-family: Verdana,Arial,Georgia,Sans-Serif;
font-size: 11px;
list-style-type: none;
padding-left: 18px;
}W kodzie strony:
Kod:
<div class='klasa'>
<ul>
<li></li>
<li></li>
<li></li>
<li class='wyrozniony'></li>
itd.
</ul>
</div>Chciałbym niektóre elementy w li wyróżnić , np poprzez nadanie innego padingu z lewej strony tylko nie wiem jak poprawnie zapisać w pliku CSS klasę (wyróżniony) tak żeby działało... Kombinowałem na różne sposoby ale niestety bez rezultatu.
Dzięki za pomoc
RE: [CSS] Prośba o pomoc z wyróżnieniem LI - grind - 07-02-2011
Moim skromnym zdaniem to :
aby dodać klasę do div to
Kod:
<div class="klasa">
...
</div>a co do pytania to dodajesz w css:
Kod:
.klasa ul li.wyrozniony {
padding-left: 20px;
}
.klasa ul li .wyrozniony:before {
content: " ›"
}co zmieni wyróżniony element ustawiając padding po lewej stronie na 20 pikseli oraz przed zawartością doda ›.
Elementy z klasą "wyrozniony" będą miały takie parametry tylko jesli będą w bloku "klasa" w znaczniku <ul></ul> i będzie to znacznik <li></li>.
Jak chcesz zeby kazdy li z klasą wyróżniony byl tak wyróżniony to wystarczy ze:
Kod:
li.wyrozniony {
padding-left: 20px;
}
li.wyrozniony:before {
content: " ›"
}Mam nadzieję ze pomogłem
