2016-05-04 6 views
-3

I 3 divs habe, die alle mit Klasse thirtytwo, und ich versuche, sie nth-of-type wie diese verwenden, um Stil:n-of-Art funktioniert nicht auf div

.thirtytwo:nth-of-type(1){ style.. }

Aber für Irgendein Grund passiert nichts, hat irgendjemand eine Idee was es sein könnte?

+1

vielleicht lassen Sie uns wirklich Ihren Code Vater sehen? oder machen Sie eine Geige oder etwas .. – Abbr

+1

Wir brauchen weitere Informationen. Bitte mach jsfindle oder sowas. Es könnte aus Ihrer CSS-Link-Datei, einer Klasse Overding oder viele andere kleine CSS-Probleme kommen. –

+0

'.thirtytwo { Breite: 32%; Schwimmer: links; Textausrichtung: Mitte; Box-Sizing: Rand-Box; Polsterung: 10px; } .thirtytwo: nth-of-type (1) { Rand rechts: 2%! Wichtig; } .thirtytwo: n-Typ (2) { Rand rechts: 2%! Wichtig; } .thirtytwo: n-Typ (3) { Rand rechts: 0%! Wichtig; } 'und hier ist die html'

content
content
' – alexcr

Antwort

1
Your code works fine. 

.thirtytwo{ 
 
    width: 32%; 
 
    float: left; 
 
    text-align: center; 
 
    box-sizing: border-box; 
 
    padding: 10px; 
 
    border:1px solid; 
 
} 
 
.thirtytwo:nth-of-type(1){ 
 
    margin-right: 2%!important; 
 
} 
 
.thirtytwo:nth-of-type(2){ 
 
    margin-right: 2%!important; 
 
} 
 
.thirtytwo:nth-of-type(3){ 
 
    margin-right: 0%!important; 
 
}
<div class="thirtytwo">DIV1</div> 
 
<div class="thirtytwo">DIV2</div> 
 
<div class="thirtytwo">DIV3</div>

vielleicht versuchen, Ihre Elemente Überprüfung verursachen vielleicht links Sie ein Element nicht geschlossene oder offene oberhalb der 3 divs.

+0

ja sollte es, Ursache ist korrekt .. aber immer noch nicht funktioniert aus irgendeinem Grund .. – alexcr

+0

Ich kann mir keinen anderen möglichen Fehler vorstellen. vielleicht, Javascripts oder IDK – Abbr

Verwandte Themen