ugrás a tartalomhoz

css eltérő stílusú menüpontokkal

kiskivancsi · 2013. Júl. 5. (P), 18.53
Üdv
Újra a segítségeteket szeretném kérni.
Ezúttal egy legördülő menüpontokkal rendelkező ul li menüsort szeretnék úgy színezni, hogy az egyes menüpontok más színt kapjanak. A gond az, hogy valamiért nem tudok külön tulajdonságokat megadni az egyes li elemeknek. Ha megadok egy alapszínt az első ulnek, onnantól minden menüpontra azt alkalmazza, ha pedig nem adok meg globálisan semmit, hanem az egyes li elemeket színezem, nem történik semmi.
Nem tudom ez így érthető e, de ha nem akkor berakom a kódot, most csak a hossza miatt tekintettem el tőle.
Előre is köszönök bárminemű segítséget.
‹ Benchmark Webes felületet kéne csinálni, mi a trend 2013-ban? ›
 ■
1

Kereső

Hidvégi Gábor · 2013. Júl. 5. (P), 19.59
CSS alapok
2

ezzel most nagyon sokra

kiskivancsi · 2013. Júl. 5. (P), 21.05
ezzel most nagyon sokra megyek, inkább ne írtál volna semmit
3

ácsi

Poetro · 2013. Júl. 5. (P), 21.14
Nem tudjuk, mennyire értesz hozzá, ráadásul azt se tudjuk, pontosan mit akarsz elérni, és mivel próbálkoztál. Az egyes li elemeket is meg tudod célozni CSS-sel csak adni kell neki egy osztályt, vagy tudni kell, hogy hanyadik elem a listában, illetve, ha a szülő függvénye a kinézete, akkor pedig előbb ki kell tudni választanod a szülőt, amit szintén a feni módon tehetsz meg.
4

Az alábbi esetben a li-nek és

asam9 · 2013. Júl. 6. (Szo), 03.23
Ha minden menüpontot egyedire szeretnél formázni, akkor akár azonosítókat is rendelhetsz a listaelemekhez.

<ul>
    <li id="menu-1"><a href="#">menü 1</a> egyéb szöveg, ha kell…</li>
    <li id="menu-2"><a href="#">menü 2</a> egyéb szöveg, ha kell…</li>
    <li id="menu-3"><a href="#">menü 3</a> egyéb szöveg, ha kell…</li>
</ul>


#menu-1, #menu-1 a {
    color: red;
}
#menu-2, #menu-2 a {
    color: green;
}
#menu-3, #menu-3 a {
    color: blue;
}
5

Köszi a segítséget

kiskivancsi · 2013. Júl. 6. (Szo), 15.20
Köszi a segítséget mindkettőtöknek.
Sikerült megoldani, ahogy sejteni lehetett apróságon múlott a dolog, #menusor { helyett #menusor a { kellett ami persze teljesen logikus, mégsem bírtam magamtól rájönni, asam9 hozzászólása mutatott rá a hiányosságra.
6

Nagyon szívesen. Ezért

Hidvégi Gábor · 2013. Júl. 6. (Szo), 15.33
Nagyon szívesen. Ezért érdemes tisztában lenni az alapokkal.