Как удалить добавленное свойство в классах и анимациях?
Отвечаем на популярный вопрос — как сбросить какие-либо свойства у класса в Taptop. Это может пригодиться, чтобы для разных элементов с одним и тем же классом задать индивидуальные значения отдельных параметров.
Смотрите видео:
https://vk.com/video-219751701_456239219
Пример: На сайте есть несколько контейнеров. Вы создали для них общий класс main-container и задали для него свойства — например, настройки автолейаута, отступы, цвет фона. Теперь эти параметры одинаковые у всех контейнеров. Но иногда нужно сделать для отдельных контейнеров другие значения отступов.
Проблема: Если свойства заданы в классе, то не получится изменить их отдельно для каждого контейнера. Заданные параметры можно редактировать только внутри класса — и они будут меняться для всех контейнеров с этим классом.
Решение: Чтобы задать индивидуальные отступы для каждого контейнера, нужно удалить свойство из класса.
Как сбросить свойство в классе
Шаг 1
Выберите элемент (например, контейнер) и зайдите в нужный класс (например, main-container). Для этого можно кликнуть на название класса в поле свойства или перейти на него в поле Источник стилей.
Шаг 2
Найдите свойство, которое вы хотите сбросить (например, внутренние отступы слева и справа).
Шаг 3
Удерживая Shift, наведите курсор на это параметр → появится подсказка «Сброс». Не отпуская Shift, нажмите левую кнопку мыши на параметре → свойство сбросится к исходному значению.
Готово! Теперь вы можете задать этот параметр отдельно для каждого элемента вне класса. Например, сделать разные отступы у всех контейнеров. Для этого переключитесь на локальные стили элемента в поле Источники стилей.
Где еще можно использовать сброс свойства через Shift
Эта функция работает и для других параметров стилей на правой панели. С помощью Shift можно сбрасывать любые свойства, которые вы установили для элемента. Например, вы можете сбросить заданные ранее параметры в анимациях. Для этого откройте настройки анимаций, наведите курсор на нужное свойство и нажмите Shift + левую кнопку мыши.
Резюме
- Быстро сбросить любое добавленное свойство элемента → Shift + левая кнопка мыши.
- Можно сбрасывать любые заданные свойства элемента — как в классе, так и в локальных стилях. Переключайтесь в поле Источники стилей.