Правая панель “Классы”

Класс (от лат. classis — группа) в классификации — группа предметов или явлений, обладающих общими признаками. Другими словами, вы можете присвоить класс нескольким элементам, тем самым объединить их. И затем можете настраивать их общие стили с помощью правой панели. Классы полезно применять в ситуациях, когда на сайте много элементов с одинаковым и похожим дизайном. И что бы каждый раз заново не оформлять их, просто используйте классы. К одному элементу можно присвоить несколько классов, что полезно в случаях, когда имеется несколько разных элементов с похожим, но не одинаковым дизайном.

Как пользоваться:

Шаг 1. Что бы присвоить класс элементу, укажите его имя в поле ввода (если ранее класса с таким именем не существовало, то он создастся, как новый) и нажмите на “плюс”. Если вам нужно выбрать для элемента уже ранее созданный класс, то начните вводить его имя в строке и выберите его из появившегося списка. Если у элемента должно быть несколько классов, просто проделайте данное действие несколько раз.

Шаг 2. Ваш класс появится в списке под полем. Выберите его, нажав на иконку с рукой.

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

Особенности:

Важно! Иногда, когда вы редактируете свойства класса из правой панели, некоторые из них могут не применяться к элементу, например, margin. Чаще всего это происходит из-за того, что у самого элемента уже задано значение данного свойства и его просто необходимо сбросить. Это делается с помощью кнопки “Список свойств”. Нажмите на нее, перед вами появится окно с полным списком css свойств элемента. Удалите из него те, которые вам не нужны. Рекомендуется перед тем, как применять класс к элементу, очистить у него эти значения.
В левой панели редактора имеется вкладка с полным перечнем классов, которые присутствуют на сайте. Через нее вы можете выбрать любой нужный класс или создать новый. Так же классы можно менять местами, перетаскивая их. В этом случае свойства к элементами будут применяться в зависимости от порядка классов.
Классы применяются ко всему сайту, а не только к конкретной странице.