2017-08-18 3 views
0

J'ai une disposition de grille de CSS, où je voudrais ajouter une marge à chaque colonne paire. Le pseudo-classe :nth-column serait bien mais ne sera pas supporté de sitôt.CSS4 Grid-polyfill de pseudo-classe structurelle (: nth-column)

Y a-t-il des polyfills que je pourrais utiliser ou dois-je écrire le mien?

+0

Vous ne souhaitez pas polyfiler les pseudo-classes structurelles de la grille si vous souhaitez sélectionner des éléments en fonction de leur position dans une disposition de grille CSS *. Ces pseudo-classes n'ont pas été conçues et ne sont pas conçues à cette fin, et essayer de les remplir pour faire autre chose entraînera des conflits avec les navigateurs à l'avenir. Voir [cette réponse] (https://stackoverflow.com/questions/44162286/are-there-selectors-that-target-elements-in-certain-grid-positions/44162595#44162595). Si vous devez implémenter un sélecteur, implémentez un sélecteur personnalisé et sachez qu'il n'est pas standard. – BoltClock

+0

Oh d'accord, j'ai raté leur but alors ... à quoi devraient-ils servir? L'implémentation d'un sélecteur personnalisé n'est pas nécessaire. Le décalage n'est pas critique pour la mise en page, donc j'éviterais d'énormes solutions de contournement pour l'implémenter. – Afterlame

+0

Ah d'accord, vous faites référence à la disposition de la grille CSS. Donc, ces sélecteurs sont spécifiques à la mise en page? – Afterlame

Répondre

0

Je viens de trouver environ sel, mais s'il y a quelque chose de plus léger (polyfills spécifiques à une fonction), ce serait bien.