Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 07. Oktober 2015 20:36

langweilo
probiert CMS/ms aus
Registriert: 08. November 2011
Beiträge: 66

Menü Child ebene mittels CSS stylen?

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:

[== 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:

[== 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.

[== 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)

Offline

#2 08. Oktober 2015 07:26

NaN
Moderator
Ort: Halle (Saale)
Registriert: 09. November 2010
Beiträge: 4.079

Re: Menü Child ebene mittels CSS stylen?

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?

Offline

#3 08. Oktober 2015 12:43

langweilo
probiert CMS/ms aus
Registriert: 08. November 2011
Beiträge: 66

Re: Menü Child ebene mittels CSS stylen?

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...

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

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

Offline

#4 08. Oktober 2015 13:00

NaN
Moderator
Ort: Halle (Saale)
Registriert: 09. November 2010
Beiträge: 4.079

Re: Menü Child ebene mittels CSS stylen?

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/

Offline