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);
}
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);
}