Как добавить второй класс для элемента

В этой статье я хочу разобрать довольно частый вопрос, с которым сталкиваются дизайнеры: как добавить дополнительный класс в Tilda?

Сегодня рассмотрим два варианта: с использованием дополнительной библиотеки jQuery и на чистом JavaScript.

1. На чистом JS

Чтобы добавить дополнительный класс нужному элементу, сначала необходимо к нему обратиться. Например, у нас есть какая-то кнопка, для которой мы задаём класс. Предположим, что изначальный класс у кнопки — .btn со своим набором свойств.

Теперь, чтобы добавить новый класс, мы добавляем блок T123 под этим Zero-блоком либо ещё ниже (главное, чтобы код располагался ниже самого элемента на странице). Затем добавляем простую команду:

<script> document.querySelector('.btn').classList.add('new-class'); </script>

Здесь .btn — это первоначальный класс, а 'new-class' — дополнительный класс для этого элемента. Теперь с помощью CSS мы можем легко обратиться к нему и изменить его свойства. Кроме того, можно добавить несколько новых классов к .btn, просто указав их через пробел.

2. С использованием jQuery

Система добавления дополнительного класса с использованием jQuery работает точно так же, за исключением самой команды:

<script> $('.btn').addClass('new-class'); </script>

Здесь .btn — первоначальный класс, а 'new-class' — дополнительный класс для этого элемента.

Важно! Перед использованием jQuery необходимо убедиться, что библиотека подключена на сайте. Для этого перейдите в Настройки сайта → Раздел "Еще" и установите галочку "Подключить jQuery на страницах сайта".

Если вы хотите глубже разобраться в CSS-свойствах и научиться кастомизировать и управлять элементами на странице, приглашаю вас на своё обучение в рамках Тильды. Вы не только поймёте разницу между свойствами, но и научитесь управлять содержимым страницы так, как вам нужно. Присоединяйтесь и откройте для себя новые возможности.