Как убрать padding у последнего элемента

Как убрать отступ у последнего элемента css

Для того, чтобы убрать отступ у последнего элемента, например в списке, можно воспользоваться псевдоклассом :last-child .

Рассмотрим пример. Имеется маркированный список, в правилах css задан отступ снизу у каждого элемента li в 10px;

  123 456 789

li  margin-bottom: 10px; >

li  margin-bottom: 10px; > li:last-child  margin-bottom: 0px; >

Как убрать отступ сверху css

В CSS отступ сверху можно сделать с помощью следующих свойств:

padding-top — установка внутреннего отступа
margin-top — установка внешнего отступа

Основное отличие в том, в какую сторону направлен отступ. При использовании padding отступ будет внутри блока, следовательно, контент в блоке будет сдвинут на то значение, которое указано в свойстве. При использовании margin отступ создаётся от всего блока. Оба свойства можно использовать одновременно, создавая и внутренний и внешний отступ для элемента

.content  margin-top: 20px; >

Чтобы сбросить отступ, необходимо указать значение 0 нужному типу отступа:

.content  padding-top: 0; >

Как у последнего блока убрать margin-bottom.?

Всем привет, вопрос очень простой но я что-то туплю.
Как у последнего блока убрать margin-bottom ?

То что я сделал, но не срабатывает, так как до div блока есть тег (a).
На данный момент у всех div убрало margin-bottom. а надо только на последнем.
https://jsfiddle.net/x5yb0qgz/2/

Вопрос задан более трёх лет назад
366 просмотров

Комментировать
Решения вопроса 1

wapster92

WapSter @wapster92 Куратор тега CSS

a:last-child .gbd

Ответ написан более трёх лет назад
Нравится 2 1 комментарий

ws17

Антон Вебсайтовский @ws17 Автор вопроса
О, спасибо, я чет и не подумал что так можно сделать.
Ответы на вопрос 1

Seasle

Александр @Seasle Куратор тега CSS

Дополню ответ. Всё зависит от ситуации. Первый вариант Вам уже показали, а есть еще второй вариант развития событий (через selector + selector ). К примеру во флекс-контейнере ( margin ‘ы не схлопываются) и первый вариант не будет работать так, как Вы ожидаете:

Как убрать отступы и поля у всех элементов на странице?

Обнулить значения отступов и полей у всех элементов веб-страницы сразу.

Решение

Чтобы обнулить отступы и поля у всех элементов на странице, используйте стилевые свойства margin и padding с нулевыми значениями, добавляя их к универсальному селектору * , как показано в примере 1.

Пример 1. Убираем отступы у всех элементов

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Убираем отступы * Пример заголовка
 Основной текст

Результат данного примера показан на рис. 1.

Нулевые отступы у всех элементов на странице

Рис. 1. Нулевые отступы у всех элементов на странице

Обратите внимание, что отступов и полей нет не только у текста, но и у самой страницы.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.