Menü Child ebene mittels CSS stylen?

langweilo · 07. Oktober 2015 20:36

Hallo, ich hab grade voll einen Blackout oder Denkfehler, hoffe ihr könnt mir helfen.

ich nutze für ein Projekt das vorinstallierte Menü "minimal_menu.tpl"

Eingebunden schaut das so aus:

Hier klicken, um den Code zum Kopieren zu markieren

[== HTML ==]

<nav id="nav">
<ul>

<li><a href="http://localhost/cmsms1/" class="navlink">Home</a></li>

<li class="activeparent"> <a href="http://localhost/cmsms1/index.php?page=how-cmsms-works" class="activeparent">How CMSMS Works</a>

<ul>

<li><a href="http://localhost/cmsms1/index.php?page=dates" class="currentpage">Dates</a></li>

<li><a href="http://localhost/cmsms1/index.php?page=termine" class="navlink">termine</a></li>

</ul>

</li>

<li><a href="http://localhost/cmsms1/index.php?page=default_templates" class="navlink">Default Templates Explained</a></li>

<li><a href="http://localhost/cmsms1/index.php?page=default-extensions" class="navlink">Default Extensions</a></li>

</ul>

</nav>

CSS dazu in einfacher Form:

Hier klicken, um den Code zum Kopieren zu markieren

[== CSS ==]
        #nav {
                position: absolute;
                right: 0;
                top: 0;
                cursor: default;
        }

        #nav ul li {
                display: inline-block;
                padding: 1.25em 1.25em;
        }

        #nav ul li a {
                display: inline-block;
                color: #ddd;
                text-decoration: none;
        }

        #nav ul li a:hover {
                color: #fff;
        }

das haut auch alles so hin und klappt wunderbar, nur jedoch die Child Ebene wird nicht mit angepasst, ist also klassisch noch wie der Standard a bzw. a:hover Style im CSS.

nach aller Logik müsste die Child ebene doch durch folgende CSS Anweisung stylen lassen und es klappt einfach nicht.

Hier klicken, um den Code zum Kopieren zu markieren

[== CSS ==]
        #nav ul ul li a {
                color: #ddd;
                text-decoration: none;
        }

        #nav ul ul li a:hover {
                color: #fff;
        }

danke für eure Tipps!

Beitrag geändert von langweilo (07. Oktober 2015 20:38)

NaN · 08. Oktober 2015 07:26

Deine Logik ist okay so.
Was genau funktioniert denn nicht?
Ich sehe bei den Styles für die Child-ebene keinen Unterschied zum Parent.
Was genau erwartest Du also?

langweilo · 08. Oktober 2015 12:43

Genau so sollte es ja auch sein. das Child soll oder sollte identisch zum Parent sein, ist es aber nicht.

Es ist wie bereits beschreiben identisch zum regulären a und a:hover was ganz andere formen und Farben hat...

Hier klicken, um den Code zum Kopieren zu markieren

[== CSS ==]
        a {
                color: #000;
                text-decoration: underline;
        }

        a:hover {
                color: #000;
                text-decoration: none;
        }

NaN · 08. Oktober 2015 13:00

Kann ich leider nicht bestätigen. Hier mal mein Test-Szenario (besteht im Wesentlichen aus dem, was Du hier gepostet hast): https://jsfiddle.net/ftjjufqu/

Forum für CMS/made simple

#1 07. Oktober 2015 20:36

Menü Child ebene mittels CSS stylen?

#2 08. Oktober 2015 07:26

Re: Menü Child ebene mittels CSS stylen?

#3 08. Oktober 2015 12:43

Re: Menü Child ebene mittels CSS stylen?

#4 08. Oktober 2015 13:00

Re: Menü Child ebene mittels CSS stylen?

Fußzeile des Forums