nth-child(1) funktioniert nicht wirklich

Andimau · 01.07.2016

Hallo

habe folgende Struktur. Aber funktioniert so das nth-child nicht wirklich. ;(

a.mega-menu-link:nth-child(1) ?
a.mega-menu-link:nth-child(2) usw...

#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:nth-child(1){
color: #F8B442 !important;
text-shadow: 0px 0px 30px rgba(255, 255, 255, 1);}

Danke für Eure Tipps!

Andi

noltehans · 01.07.2016

Code:

<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<style>
#megamenu li{
color: black;
}
#megamenu li:nth-child(2) {
color: #F8B442;
text-shadow: 0px 0px 5px rgba(0, 255, 255, 1);
}
</style>
</head>
<body>
<ul id="megamenu">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>

dn3d_fanboy · 03.07.2016

Versuche mal anstatt

a.mega-menu-link:nth-child(1)

a.mega-menu-link:first-child

Myhar · 04.07.2016

Sicher funktioniert nth-child, sogar in allen Browsern. Wahrscheinlich überschreibst du dir deine Regel irgendwo wieder oder dein HTML passt nicht, aber ohne weitere Informationen kann man nicht mehr sagen.