Nth child каждый третий элемент. Cтили для каждого третьего элемента.

Nth child каждый третий элемент. Cтили для каждого третьего элемента.

blog-image1

Не редко перед веб мастером стоит задача убрать отступы у каждого третьего элемента в верстке.

Это делается, когда у нас в каждой строке по 3 элемента для того чтобы выровнять последний из них по правому краю вплотную.

Пример структуры html кода для вывода каждого третьего элемента с помощью nth child:

	
  • Элемент 1
  • Элемент 2
  • Элемент 3
  • Элемент 4
  • Элемент 5
  • Элемент 6

В выше приведенном коде нам необходимо убрать отступы, ну или проще говоря добавить или изменить стили для каждого третьего элемента, в нашем случае для третьего и шестого.

Nth child каждый третий элемент - пример css кода:

	.items li:nth-child(3n){
		/* стили для каждого третьего элемента с помощью nth-child(3n) */
	}

На этом все, после добавления css кода с вашими стилями получим нужный результат примененные стили для каждого третьего элемента. Если возникнут вопросы или пожелания, рассмотреть реализацию какой-либо задачи, пишите в комментарии, разберем её выполнение в ближайшее время! Всем удачи и успехов в работе!