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

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

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

https://vk.com/video-219751701_456239219

VK Видео | YouTube

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

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

Параметры внутренних отступов заняты классом — можно редактировать только в нем

Параметры стилей, заданные в классе

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

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

Шаг 1

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

Кликните на название класса — этот класс станет активным

Шаг 2

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

Внутренние отступы, заданные в классе

Шаг 3

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

Нажмите Shift + левую кнопку мыши

Готово! Теперь вы можете задать этот параметр отдельно для каждого элемента вне класса. Например, сделать разные отступы у всех контейнеров. Для этого переключитесь на локальные стили элемента в поле Источники стилей.

Переключитесь на Локальные стили и задайте отступы

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

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

Сброс заданной длительности анимации

Резюме

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