Select only the last elements use the selector nth-child in CSS

Select only the last elements use the selector nth-child:

Example, we select only the last three elements and fill them with blue color with the css codes like this: 

li:nth-child(n+3) {
  background-color: blue;   
}


Result:



Read more: Select only the first elements use the selector nth-child in CSS

csscss selectornth-child

Latest

R

Remove an object item from array by ID in Javascript

H

How to reverse an array in Javascript without changing the original array?

A

Auto scroll to a specify element every time open webpage by Javascript

H

How to scroll to top every time React router change?

G

Get height or width of an element in Javascript

T

The way to separate logic code of the Vuejs component into smaller files

Related

M

Make smooth effect on hover for buttons, background, text... with CSS transitions

C

Create a sticky ad banner easily with CSS and Javascript

C

Create a Caro pattern background with HTML and CSS

C

Create three columns layout with the same width and height use CSS flexbox

S

Select only Odd or Even elements by CSS

F

Fix issue the scrollbar of an element has been hidden

© 2019 4codev

Created with love by Sil.