2016-08-06 49 views
0

Ich versuche, einige Elemente aus meiner Tabelle mit nth-Kind oder nth-of-type oder jede Art von "nth" übereinstimmen, aber ich bin fest Targeting-Elemente von der Mitte ausgewählt auf Bild unten in Farbe grün, kann mir jemand eine Idee geben, wie man das macht, ich möchte nicht ein Intervall wiederholen wollen nur diesen Abschnitt auswählen. Ich möchte Javascript oder jQuery dafür nicht verwenden.Wählen Sie nur die Mitte mit nth (Kind, von-Typ,)

enter image description here

small fide example:

.row:nth-child(n+4) .cell:nth-child(n+4) { 
    background: green; 
    color: red; 
} 
+0

Ist dies ein festes Raster? Sie benötigen mehr als eine Regel. –

+0

Wenn Sie einen sich nicht wiederholenden Abschnitt auswählen, warum nicht eine Klasse verwenden? –

+0

Ich verstehe, dass Sie eine "mittlere Kind Pseudo-Klasse" brauchen. Ich denke nicht, dass dies nur mit CSS möglich ist. Ich denke, dass Sie js verwenden können, um die mittlere Zeile aus der Tabelle (und die Zeilen davor und danach) auszuwählen, dann die mittleren Zellen in den Zeilen. –

Antwort

0

Dies ist die Antwort meines Problems, ich habe mich gelöst!

.row:nth-child(n+4):nth-child(-n+6) .cell:nth-child(n+4):nth-child(-n+6){ 
    background:red; 
}