Как применить 2 CSS класса к элементу на странице

  Александр Маврин   Комментариев нет

2 класса к элементу CSSЗдравствуйте, друзья. Знаете ли вы о том, что можно применять сразу 2 CSS класса у элементам на страницах сайта? Ведь иногда такая необходимость возникает, как это было у меня. Нужно было применить второй класс к кнопкам и сделать красивые всплывающие подсказки на CSS при наведении на них курсора. Этот эффект вы можете наблюдать в некоторых записях при наведении на красную кнопку СКАЧАТЬ.  И на самом деле это не сложно. Прописывать нужно 2 класса через пробел, например так:

<div class="danger tooltip"></div>

Таким образом это нам дает практически неограниченные возможности применения различных классов к одному элементу. Ведь можно прописать не 2, а больше классов, без добавления лишних блоков на страницу в виде div. Все дело в универсальности самих классов. Их можно присваивать к различным элементам. Если, например, к ссылкам прописан определенный класс, то его же мы можем использовать и к другим элементам. Хорошим примером на самом деле являются всплывающие подсказки, о которых я упоминал. Можно присваивать класс этих подсказок к любым элементам, даже если у него имеются уже свои классы. Надеюсь, что вам было понятны мои объяснения, просто пишите классы через пробел на странице. Если возникнут трудности, то спрашивайте в комментариях, постараюсь вам помочь.

Не стесняйтесь делиться записью в социальных сетях. Спасибо

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *