Antworten auf deine Fragen:
Neues Thema erstellen

li:last-child wird nicht angzeigt. Wo liegt der Fehler?

Andimau

Nicht mehr ganz neu hier

Hallo,

ich habe folgendes Problem: Das letzte Element in der Navigation wird nicht in "schwarz" angezeigt. Hat jemand einen Tipp für mich?

Danke für Eure Tipps!


#header_main li:last-child {
color: black !important;}


#header_main a {
font-family: 'Open Sans', sans-serif;
font-size: 22px !important;
font-weight: bold;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#header_main .main_menu a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#header_main a:hover, a:focus, a:active {
color: white;
}
#header_main a:hover:before, a:focus:before, a:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
 

Myhar

Hat es drauf

Du weißt schon dass dein "letztes Element" in der Navigation das burger menü ist? Möchtest du wirklich dieses in schwarz haben? Wenn nicht, welches möchtest du dann schwarz einfärben?
 

anja_mts

Prakti

li:last-child ist der Burger-Button.
Das vorletzte scheint eine Suche zu sein.
Und das dritte von Hinten ist das letzte Element deiner Navigation.
Das kannst du erreichen mit:

li:nth-last-child(3)

Mit den Entwicklertools deines Browsers kannst du dir das ganz schnell mal selbest angucken. Einfach F12 klicken, kann man nichts kaputtmachen aber vieles entdecken.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
118.614
Beiträge
1.538.349
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben