Как удалить добавленное свойство в классах и анимациях?

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

Смотрите видео:

Пример: На сайте есть несколько контейнеров. Вы создали для них общий класс main-container и задали для него свойства — например, настройки автолейаута, отступы, цвет фона. Теперь эти параметры одинаковые у всех контейнеров. Но иногда нужно сделать для отдельных контейнеров другие значения отступов.

Проблема: Если свойства заданы в классе, то не получится изменить их отдельно для каждого контейнера. Заданные параметры можно редактировать только внутри класса — и они будут меняться для всех контейнеров с этим классом.

Решение: Чтобы задать индивидуальные отступы для каждого контейнера, нужно удалить свойство из класса.

Как сбросить свойство в классе

Шаг 1

Выберите элемент (например, контейнер) и зайдите в нужный класс (например, main-container). Для этого можно кликнуть на название класса в поле свойства или перейти на него в поле Источник стилей.

Шаг 2

Найдите свойство, которое вы хотите сбросить (например, внутренние отступы слева и справа).

Шаг 3

Удерживая Shift, наведите курсор на это параметр → появится подсказка «Сброс». Не отпуская Shift, нажмите левую кнопку мыши на параметре → свойство сбросится к исходному значению.

Где еще можно использовать сброс свойства через Shift

Эта функция работает и для других параметров стилей на правой панели. С помощью Shift можно сбрасывать любые свойства, которые вы установили для элемента. Например, вы можете сбросить заданные ранее параметры в анимациях. Для этого откройте настройки анимаций, наведите курсор на нужное свойство и нажмите Shift + левую кнопку мыши.

Резюме

Быстро сбросить любое добавленное свойство элемента →Shift + левая кнопка мыши.

Можно сбрасывать любые заданные свойства элемента — как в классе, так и в локальных стилях. Переключайтесь в поле Источники стилей.