Tag:nth-last-child

[jQuery] Utiliser la pseudo-classe CSS nth-child avec une valeur récupérée d’une variable

Source : Demo jsFiddle.net.

.myClass:nth-last-child(-n+4){} nous donne en jQuery :

[CSS][SASS] Styler des frères en fonction de leur ordre d’apparition dans le DOM avec les pseudo-classes nth-child et nth-last-child

Source : Styling elements based on sibling count

Version CSS

Deux possibilités (sachant que dans certains cas l’une conviendra mieux que l’autre) :

Mixin SASS

[CSS] Pointer les deux derniers éléments d’une liste avec la pseudo-classe :nth-last-child


ul li:nth-last-child(-n + 2) {
    /* .. */
}

Source et support navigateur (IE9+ pour IE) : http://css-tricks.com/almanac/selectors/n/nth-last-child/

© 2020 devfrontend.info

Theme by Anders NorénUp ↑