Ha eddig a pontig akkor mindent jól csinált, ha lebeg a kurzort a menüpont «WordPress» megjelenik egy legördülő listából három másik pontot ( «Témák», «Plugins», «Gyakorlatok»):
Ahhoz, hogy hozzá egy legördülő lista, amely több szinten, az eljárást meg kell ismételni. Mi határozza meg a menüt, ahonnan szeretne tenni legördülő listából, és új
a címkék között.
Vessen egy pillantást a HTML-kódját. melyben egy második szint legördülő listában a tétel «Útmutató» menü található, amely belsejében «WordPress» tételek:
Függőleges menü HTML helyes megjelenítéséhez, akkor kell hozzá egy pár sornyi CSS kód:
Ha helyesen tette, akkor van valami, mint ez:
Ezt a folyamatot meg lehet ismételni, és új szinteket. De ne adjunk nekik, hogy az utolsó elem a legördülő listában, ahogy én is tettem, csak pl.
Add a mutató legördülő listából
Mielőtt a legördülő menüben a HTML végéig, nézzük foglalkozik olyan mutató, amely azt jelzi, hogy a legördülő listából, kapcsolódhat egy konkrét menüpont ( „+” jel):
Erre a célra használjuk pszeudo CSS3 (: csak-gyermek). Ebben az esetben ellenőrzi, hogy vannak olyan címkék
- szülő elem más elemeket. Ha nem, akkor a plusz jel egyszerűen eltávolítható, mivel alapértelmezés szerint ez jelen és közel minden pont. Lásd + közel WordPress üzenetét és oktatóanyagok?
Tehát, ha mindent jól.
Végén
Sokan annak érdekében, hogy hasonló hatást jQuery vagy más könyvtárakban. Úgy vélem, hogy ebben a cikkben a legegyszerűbb és egyszerű lehetőséget. De a választás a tiéd.
Fordítása a cikk „Hogyan lehet létrehozni egy Pure CSS legördülő menü” már készített egy csapat barátságos Web design projekt tól Z-ig