first:child:not(.class) selector

[jimbo0]

ho trovato una soluzione alternativa completamente scorrelata, ma che posto comunque nello spirito del forum
In realtà il progetto è in Ionic1, quindi Angularjs(1).
Quella classe .hide in realtà è .ng-hide, che Angular applica quando la condizione di ng-show è falsa.
Il problema di ng-show è che lascia l'elemento nascosto nel DOM applicandogli appunto la classe .ng-hide. Sostituendo la direttiva ng-show con ng-if, l'elemento che non soddisfa la condizione non viene nascosto ma viene rimosso dal DOM, risolvendo di fatto il problema e lasciandomi libero uso di :first-child.
Resta da capire se ho appesantito la computazione

[Fix87]

Resta da capire se ho appesantito la computazione

Se non ricordo male hai addirittura alleggerito la computazione.

Questo perché ng-show/ng-hide hanno dei watchers attivi per rimanere in ascolto su eventuali cambiamenti del modello dei dati.
Con ng-if invece il controllo viene fatto soltanto durante il rendering del DOM, dopodichè scompare.

Ripeto non ne sono sicuro al 100%, diciamo al 90%!

[jimbo0]

Se non ricordo male hai addirittura alleggerito la computazione.

Questo perché ng-show/ng-hide hanno dei watchers attivi per rimanere in ascolto su eventuali cambiamenti del modello dei dati.
Con ng-if invece il controllo viene fatto soltanto durante il rendering del DOM, dopodichè scompare.

Ripeto non ne sono sicuro al 100%, diciamo al 90%!

non è proprio così, se la condizione dell'ng-if diventa true l'elemento appare, quindi il watcher esiste comunque (com'è abbastanza ovvio).
Qui c'è un articolo che cmq spiega che è preferibile ng-if rispetto a ng-show
http://www.codelord.net/2015/07/28/a...show-vs-ng-if/