Как называть классы css
Перейти к содержимому

Как называть классы css

  • автор:

Как называть css-классы

Как называть css-классы

При написании CSS кода часто возникает вопрос — какие названия давать классам элементов. Зачастую, это может занимать достаточно времени, ведь правильное именование классов css позволит не запутаться в коде и эффективней с ним работать. Ведь кому хочется потом изменять названия классов по несколько раз. Об этом и пойдет речь в данной статье — как назвать css-классы.

Называть классы по содержимому

Давать названия классам можно исходят из содержимого HTML-элементов, для которых эти классы будут использоваться. Например, если это класс для меню в нижней части сайта, то ему можно дать название класса .footer-menu. По такому имени уже ясно, что этот класс используется для оформления меню футера.

.footer-menu

Разделять классы через тире

Если в именах классов несколько слов, то для удобного чтения разделяйте эти слова через тире, как например, было в предыдущем примере с классом для меню в нижней части сайта: .footer-menu. При этом, не используйте для нескольких слов верблюжий стиль (CamelCase), так как это будет затруднять чтение слов и может запутать.

.footerMenu
.footer-menu

Количество слов в названии класса

Нужно придерживаться как можно меньшему количеству слов для имени класса. Максимум 3-4 слова для именования. Больше количество будет трудно поддерживать.

Префикс в именах классов

Давайте именам классов префиксы — в самом начале названия названия, которые по смыслу подходят для определения зачем используется элемент. Например, для классов, которые используются JavaScript, можно давать префиксы .js-, тем самым давая понять, что такие классы используют скрипты и их не следует удалять у элементов. Для элементов, которые используются в посте блога, можно задать префикс .blog- и в следующий раз в файле css нам уже понятно, что классы используются для оформления элементов блога. Для элементов, которые определяют состояние элемента — его наличие или активность, используйте префиксы has- или is-.

Возможно, вы как-то по другому называете классы элементов. Ждем от вас комментариев!

Классы

Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега. При использовании совместно с тегами синтаксис для классов будет следующий.

Тег.Имя класса < свойство1: значение; свойство2: значение; . >

Внутри стиля вначале пишется желаемый тег, а затем, через точку пользовательское имя класса. Имена классов должны начинаться с латинского символа и могут содержать в себе символ дефиса (-) и подчеркивания (_). Использование русских букв в именах классов недопустимо. Чтобы указать в коде HTML, что тег используется с определённым классом, к тегу добавляется атрибут class=»Имя класса» (пример 8.1).

Пример 8.1. Использование классов

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Классы   

Для искусственного освещения помещения применяются люминесцентные лампы. Они отличаются высокой световой отдачей, продолжительным сроком службы, малой яркостью светящейся поверхности, близким к естественному спектральным составом излучаемого света, что обеспечивает хорошую цветопередачу.

Результат данного примера показан на рис. 8.1.

Вид текста, оформленного с помощью стилевых классов

Рис. 8.1. Вид текста, оформленного с помощью стилевых классов

Первый абзац выровнен по ширине с текстом чёрного цвета (этот цвет задаётся браузером по умолчанию), а следующий, к которому применен класс с именем cite — отображается синим цветом и с линией слева.

Можно, также, использовать классы и без указания тега. Синтаксис в этом случае будет следующий.

.Имя класса < свойство1: значение; свойство2: значение; . >

При такой записи класс можно применять к любому тегу (пример 8.2).

Пример 8.2. Использование классов

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Классы   

Согласно , шумовой характеристикой рабочих мест при постоянном шуме являются уровни звуковых давлений в децибелах в октавных полосах. Совокупность таких уровней называется , номер которого численно равен уровню звукового давления в октавной полосе со среднегеометрической частотой 1000 Гц.

Результат применения классов к тегам и показан на рис. 8.2.

Вид тегов, оформленных с помощью классов

Рис. 8.2. Вид тегов, оформленных с помощью классов

Классы удобно использовать, когда нужно применить стиль к разным элементам веб-страницы: ячейкам таблицы, ссылкам, абзацам и др. В примере 8.3 показано изменение цвета фона строк таблицы для создания «зебры».

Пример 8.3. Использование классов

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Камни    АлмазАметистСапфир
НазваниеЦветТвердость по Моосу
Белый10
РубинКрасный9
Голубой7
ИзумрудЗеленый8
Голубой9

Результат применения классов

Рис. 8.3. Результат применения классов

Одновременное использование разных классов

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

В примере 8.4 показано использование разных классов для создания облака тегов.

Пример 8.4. Сочетание разных классов

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Облако тегов    
Paint.NET Photoshop цвет фон палитра слои свет панели линия прямоугольник пиксел градиент

Результат данного примера показан на рис. 8.4.

Облако тегов

Рис. 8.4. Облако тегов

В стилях также допускается использовать запись вида .layer1.layer2 , где layer1 и layer2 представляют собой имена классов. Стиль применяется только для элементов, у которых одновременно заданы классы layer1 и layer2 .

Вопросы для проверки

1. Какое имя класса написано правильно?

  1. 2layer1
  2. 1layer
  3. Яndex
  4. pink-floyd
  5. 28_days_later

2. Какой цвет будет у слова «потока» в коде?

При использовании следующего стиля?

  1. Зелёный.
  2. Синий.
  3. Жёлтый.
  4. Оранжевый.
  5. Чёрный.
  1. div[iddqd]
  2. div.iddqd
  3. iddqd.div
  4. div#iddqd
  5. div=iddqd

4. Какое имя класса следует добавить к тегу , чтобы текст был одновременно жирным и красного цвета, если имеется следующий стиль?

Как создать класс в css

Узнайте, как создать класс в CSS и применить его к элементам на вашем веб-сайте. Узнайте о синтаксисе и основных принципах создания классов в CSS, чтобы легко стилизовать различные элементы вашей веб-страницы.

Каскадные таблицы стилей (CSS) являются неотъемлемой частью веб-разработки, а создание классов в CSS позволяет нам организовать и структурировать стили для элементов на веб-странице. Создание классов в CSS позволяет нам применять один и тот же стиль к нескольким элементам на странице, сокращая тем самым количество повторяющегося кода.

Классы в CSS определяются с помощью селектора класса, который представляет собой комбинацию имени класса и точки перед ним (например, «.имя-класса»). Классы могут содержать буквы, цифры, дефисы и подчеркивания, но не могут начинаться с цифры или содержать пробелы.

Пример: .красный-текст – это селектор класса, который определяет стиль для всех элементов с классом «красный-текст».

Чтобы создать класс в CSS, вам нужно начать с определения селектора класса, затем в фигурных скобках (<>) указать свойства стиля, которые вы хотите применить к элементам с этим классом.

Основы создания класса в CSS

Для создания класса в CSS необходимо использовать специальный синтаксис. Название класса должно начинаться со знака точки, за которым следует имя класса. Например, класс с именем «my-class» будет выглядеть так: .my-class.

Чтобы применить класс к элементу на веб-странице, нужно добавить атрибут class к тегу этого элемента. Значением атрибута должно быть имя класса, которое вы хотите применить. Например, чтобы применить класс «my-class» к тегу , нужно добавить атрибут class=»my-class».

После создания класса вы можете определить его стили внутри селектора класса. Стили могут включать свойства, такие как цвет текста, размер шрифта, отступы, границы и многое другое. Например:

.my-class color: red;
font-size: 20px;
padding: 10px;
border: 1px solid black;
>

В приведенном примере класс «my-class» будет применен ко всем элементам, которым добавлен атрибут class=»my-class». Эти элементы будут иметь красный цвет текста, шрифт размером 20 пикселей, отступы по 10 пикселей и черную границу толщиной 1 пиксель.

Использование классов позволяет легко и гибко управлять стилями элементов на веб-странице. Они помогают сделать код более читаемым и обеспечивают возможность повторного использования стилей между различными элементами.

Видео по теме:

Шаг 1: Определение класса

Шаг 1: Определение класса

В CSS классы используются для группировки элементов с одним и тем же стилевым оформлением. Определение класса начинается с символа точки (.), за которым следует имя класса.

Имя класса может содержать буквы, цифры, дефисы и символы подчеркивания. Однако, имя класса не может начинаться с цифры и не может содержать пробелов.

Пример определения класса:

Как сдать ОГЭ по математике на 100 баллов: полезные советы и стратегии

.my-class /* стили для элементов с классом my-class */
>

В данном примере, класс my-class определен с помощью символа точки, после которого следует имя класса. Внутри фигурных скобок <> указываются стили, которые будут применяться к элементам с данным классом.

После определения класса, его можно использовать для стилизации элементов на веб-странице. Для этого необходимо добавить атрибут class к тегу элемента и присвоить ему значение, соответствующее имени класса. Например:

class=»my-class»>Этот абзац будет стилизован с помощью класса my-class

В данном примере, элемент будет стилизован с помощью класса my-class, так как к нему был добавлен атрибут class со значением my-class.

Шаг 2: Назначение стилей классу

В приведенном выше примере стиль класса «my-class» определяет красный цвет текста, желтый фон и размер шрифта 16 пикселей. Вы можете изменить эти значения на любые другие, чтобы достичь желаемого внешнего вида для элементов, которым вы хотите применить этот класс.

Чтобы применить стиль класса к элементу HTML, просто добавьте атрибут «class» к тегу и укажите имя класса в значении этого атрибута. Например:

Теперь все элементы с классом «my-class» будут отображаться в соответствии с определенными стилями в CSS.

Шаг 3: Применение класса к элементам

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

Чтобы применить класс к элементу, вам нужно добавить атрибут class к тегу элемента. Значением этого атрибута должно быть имя класса, которое вы создали.

Например, если вы создали класс с именем my-class, чтобы применить его к элементу

, вам нужно добавить атрибут к открывающему тегу

элемента:

Теперь элемент

будет отображаться с теми стилями, которые вы определили в классе my-class.

Вы также можете применить один класс к нескольким элементам на странице, добавляя атрибут class ко всем нужным тегам элементов. В этом случае все элементы с этим классом будут иметь одинаковый стиль.

Например, если вы хотите применить класс my-class к нескольким элементам

, вам нужно добавить атрибут к каждому открывающему тегу

:

Теперь все элементы

с атрибутом будут отображаться с заданными стилями.

Преимущества использования классов

Преимущества использования классов

1. Повторное использование стилей:

Используя классы в CSS, вы можете создавать стили, которые можно применять к различным элементам на вашей веб-странице. Это позволяет повторно использовать стили и сэкономить время при разработке и обслуживании кода. Если вам нужно изменить стиль, вам достаточно изменить его только в одном месте — в определении класса.

2. Улучшение читаемости кода:

Использование классов помогает организовать и структурировать ваш CSS-код. Вы можете называть классы таким образом, чтобы они отражали функциональность элементов, к которым они применяются. Это значительно облегчает чтение и понимание кода, особенно когда вы возвращаетесь к нему после некоторого времени.

3. Гибкость и масштабируемость:

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

Альтернативные названия математической модели и выражения

4. Улучшение семантики:

Использование классов позволяет добавлять семантику к вашему коду. Вы можете называть классы таким образом, чтобы они отражали смысл элементов и их предназначение. Это помогает не только вам, но и другим разработчикам понять, какие стили применяются к элементам и как они должны выглядеть.

5. Легкость изменения стилей:

Используя классы, вы можете легко изменять стили элементов. Вы можете добавлять или удалять классы, чтобы изменить внешний вид элемента на лету. Это удобно, когда у вас есть несколько вариантов оформления для одного элемента или когда вам нужно адаптировать стили под разные устройства или состояния.

6. Улучшение совместной работы:

Использование классов делает ваш код более понятным и предсказуемым, что упрощает совместную работу с другими разработчиками. Классы позволяют каждому разработчику понять, какой стиль применяется к элементам, и внести изменения без необходимости переписывания всего кода.

В итоге, использование классов в CSS помогает сделать ваш код более поддерживаемым, структурированным и гибким, что значительно упрощает процесс разработки и поддержки веб-страниц.

Каскадность и наследование стилей класса

Каскадность и наследование стилей класса

Когда у элемента есть два или более класса, которые определяют одно и то же свойство, то будет применен класс с более высоким приоритетом. В CSS приоритет определяется с помощью специфичности, веса и порядка следования правил.

Также стили могут наследоваться от родительского элемента. Например, если задано свойство цвет текста для родительского элемента, то оно будет применено и к его дочернему элементу, если для него не задано свойство цвета.

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

Используя каскадность и наследование стилей, вы можете создавать более гибкие и масштабируемые классы в CSS. Это позволяет повторно использовать стили и легко изменять их для различных элементов на странице.

Пример:

Этот текст будет синим цветом и с желтым фоном.

Этот текст будет синим цветом, с желтым фоном и будет жирным.

В этом примере, классы .text-color, .highlight и .bold-text определяют различные стили. Затем, используя эти классы, мы можем применить нужные стили к различным элементам на странице.

Таким образом, знание о каскадности и наследовании стилей класса позволяет эффективно организовывать и управлять стилями в CSS.

Изменение стилей класса с помощью JavaScript

Изменение стилей класса с помощью JavaScript

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

Для изменения стилей класса с помощью JavaScript можно использовать свойство classList. Оно предоставляет набор методов для добавления, удаления и проверки классов элемента.

Для начала, необходимо получить доступ к элементу на странице, к которому нужно применить изменения стилей. Для этого можно использовать методы getElementById, getElementsByClassName или getElementsByTagName в сочетании с индексом элемента в случае, если их на странице несколько.

var element = document.getElementById(‘myElement’); // получаем доступ к элементу по id

Затем, чтобы изменить класс элемента, можно использовать методы add и remove из объекта classList, а также проверить наличие класса с помощью метода contains.

13 заданий ЕГЭ по математике профиль: сколько баллов можно набрать?

element.classList.add(‘myClass’); // добавление класса
element.classList.remove(‘myClass’); // удаление класса
if (element.classList.contains(‘myClass’)) < // проверка наличия класса
// выполнить действие, если класс присутствует
>

Также можно использовать метод toggle для добавления класса, если его нет, и удаления, если есть.

element.classList.toggle(‘myClass’); // добавление или удаление класса

После изменения класса, CSS-правила, примененные к нему, будут автоматически применяться к элементу.

Изменение стилей класса с помощью JavaScript — удобный метод для динамического управления внешним видом элементов на веб-странице. Это дает возможность создавать интерактивные эффекты и анимации, делая веб-сайт более привлекательным для посетителей.

Вывод

Вывод

При создании класса в CSS мы используем селектор с точкой перед именем класса, например:

  • .my-class — класс, который применяется к элементам с классом «my-class»;
  • .my-class p — класс, который применяется только к элементам

    внутри элементов с классом «my-class».

Мы также можем использовать несколько классов для одного элемента, перечислив их через пробел. Например:

  • .class1.class2 — классы «class1» и «class2» будут применены к элементу;
  • .class1 .class2 — класс «class2» будет применен только к элементам, которые находятся внутри элементов с классом «class1».

Классы также могут быть использованы для применения стилей к различным элементам на странице без привязки к их иерархии или типу. Это дает нам большую гибкость в стилизации элементов.

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

Вопрос-ответ:

Как создать класс в CSS?

Чтобы создать класс в CSS, вы должны использовать селектор, начинающийся с точки (.), а затем добавить имя класса. Например, если вы хотите создать класс с именем «my-class», в CSS это будет выглядеть так: .my-class < >.

Можно ли использовать несколько классов в одном элементе?

Да, в CSS можно использовать несколько классов в одном элементе. Для этого просто разделите имена классов пробелом. Например, .

Как применить класс к элементу в HTML?

Чтобы применить класс к элементу в HTML, добавьте атрибут «class» к открывающему тегу элемента и укажите имя класса в значении этого атрибута. Например, .

Можно ли использовать идентификатор вместо класса в CSS?

Да, в CSS можно использовать идентификатор вместо класса. Идентификаторы начинаются с символа решетки (#) вместо точки (.). Например, #my-id < >.

Какие еще способы можно использовать для выбора элементов в CSS?

Помимо классов и идентификаторов, в CSS также можно использовать селекторы тегов, селекторы потомков, селекторы атрибутов и многое другое для выбора элементов. Все это позволяет более гибко управлять стилями и расположением элементов на странице.

Что такое класс в CSS?

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

Как создать класс в CSS?

Для создания класса в CSS необходимо использовать селектор с точкой перед именем класса. Например, чтобы создать класс с именем «my-class», нужно написать «.my-class». Затем в фигурных скобках <> указываются свойства и значения, которые будут применены к элементам с данным классом.

4 комментария к “Как создать класс в CSS: пошаговое руководство”

dmitriy_smith

Отличная статья! Я всегда хотел научиться создавать классы в CSS, и эта статья дала мне пошаговое руководство. Теперь я знаю, что классы — это отличный способ стилизации моих веб-страниц. Я понял, что создание класса в CSS — это просто. Мне понравилось, как автор объяснил, что классы могут быть использованы на нескольких элементах, что сделает мой код более эффективным. Теперь я смогу стилизовать мои элементы с помощью классов и давать им уникальные имена. Спасибо за информацию! Теперь я уверен, что смогу создать классы в CSS, и это будет отличным вкладом в мои навыки веб-разработки. Ответить

Отличная статья! Я всегда хотел научиться создавать классы в CSS, и теперь у меня есть пошаговое руководство. Все объяснено очень понятно и просто. Я теперь понимаю, что классы позволяют мне создавать стили, которые можно использовать повторно на разных элементах. Это так удобно! Я также узнал о важности правильного именования классов, чтобы код был читаемым и понятным. Теперь я с уверенностью могу создавать классы в своих CSS файлах и улучшать внешний вид своих веб-страниц. Спасибо за полезную информацию! Я определенно буду рекомендовать эту статью своим друзьям, которые также хотят научиться создавать классы в CSS. Ответить

Игорь Сидоров

Спасибо за подробное пошаговое руководство по созданию класса в CSS! Я всегда хотела научиться этому, но всегда казалось, что это очень сложно. Теперь, благодаря вашей статье, я уверена, что смогу справиться с этой задачей. Мне особенно понравилось, как вы объяснили различные свойства класса и как их можно настраивать. Я теперь смогу создавать свои собственные стили для разных элементов на своем сайте. Надеюсь, что вы продолжите делиться такими полезными руководствами! Ответить

Екатерина Иванова

Отличная статья! Я давно хотела научиться создавать классы в CSS, и ваше пошаговое руководство просто спасение для меня. Я всегда думала, что это очень сложно, но оказывается, это так просто, когда объясняют по шагам. Теперь я смогу стилизовать свои веб-страницы как профессионал. Спасибо вам за ясное объяснение и примеры кода. Теперь я готова приступить к созданию своего первого класса в CSS! Ответить

Какие название используете для классов в HTML/CSS?

Какие название используете для классов в HTML/CSS?
Собственно, часто встречаюсь с проблемой в названии классов, идентификаторов и т.д..
Часто использую что то такое: container, wrapper, text, caption.
Но почти всегда их не хватает и не могу придумать что нибудь подходящее.
Приходиться делать так:

 
lorem ipsum
lorem ipsum
.first .text < color: #fff; background: #222; >.second .text

Правильно ли такое вообще делать?
И как быть?
Как вы действуете в подобных случаях?

  • Вопрос задан более трёх лет назад
  • 38534 просмотра

Комментировать
Решения вопроса 3

GoodProject

GoodProject @GoodProject
Верстальщик

.wrapper - /*обвертка сайта*/ .header - /*верхняя часть сайта*/ .sidebar - /*сайдбар (левая или правая часть сайта)*/ .content - /*тело сайта (центральная часть)*/ .footer - /*нижнаяя часть сайта*/

Название блока (обвертка)

.bl .block .box .wrap .inner .container .main
.head, .header - /*верхняя часть блока например заголовок*/ .cnt, .content, .body - /*тело блока например текс с картинкой*/ .footer - /*нижняя часть блока к примеру дата добавления, категория и т.д.*/

Колонки
.column, .col — /*колонка*/

.list .item
.top /* элемент сверху */ .left /* элемент слева float:left */ .right /* элемент справа float:right */ .bottom /* элемент внизу */ .center /* элемент отцвентрирован margin:0 auto; */ .fixed - /*фиксированный элемент postion:fixed */
.next - /*следующий*/ .prev - /*предыдущий*/ .last - /*последний*/ .first - /*первый*/ .back - /*назад*/ .ahead - /*вперед*/
.one .thwo .three .four .five
.xs, .tiny - /*очень маленький*/ .s, .small - /*маленький*/ .md, .medium - /*средний */ .lg, .large, .big - /*большой */ .xl, .extra-large - /*очень большой*/
.danger - /*цвет опасности*/ .default - /*стандартный цвет*/ .warning, .error - /*цве ошибки*/ .success - /*цвет успеха (к примеру верно введн код подтвержления)*/ .primary - /*основной цвет */
.button, .btn - /*кнопка*/ .loading - /*загрузка*/ .close - /*закрыть*/ .open - /*открыть*/ .touch - /*клик*/ .edit - /*редактировать*/ .more - /*больше*/ .remove - /*удалить*/ .logout - /*выход*/ .select - /*выбрать*/ .divider - /*выпадающийся список меню*/ .caret, .arrow - /*стрелочка*/ .up - /* Вверх */ .down - /* Вниз */ .delete - /* удалить */ .reply - /*ответить*/
.profile - /*профиль*/ .person - /*человек*/ .ava, .avatar - /*аватарка, картинка*/ .name - /*имя*/ .description - /*описание*/ .address - /*адресс*/ .nickname - /*ник*/ .birthday - /*дата рождения*/ .sex - /*пол*/ .author - /* автор */
.title - /*заголовок*/ .short-title - /*скороченный заголовок*/ .full-title - /*полный заголовок*/

Ссылки
.link — /*ссылка*/

.text, .txt, .paragraph - /*текст*/ .info, .information - /*информация*/
.image, .img - /*картинка*/ .icon, .ic - /*иконка*/ .bg - /*фоновая картинки или цвет*/
.search, .form-search - /*поиск по сайту*/ .input - /*текстовый элемент*/ .form - /*форма*/ .form-group - /*группа элементов формы*/ .help-block - /*текст подсказки*/ .label - /*название элемента формы*/
.type - /*тип*/ .cat, .category - /*катигория*/ .subcat, .subcategory - /*подкатегория*/ .section - /*раздел*/ .subsection - /*подраздел*/
.video .play - /*пуск*/ .stop - /*стоп*/ .pause - /*пауза*/
.social - /* социальные сети */ .vk - /*вконтакте*/ .fb - /*фейсбук*/ .twit - /*твиттер*/ .inst - /*инстаграм */
.none - /*скрытый элемент*/ .disabled - /*заблокированный*/ .active, .current - /*активный */ .selected - /*выбраный*/ .visible - /*видный элемент*/ .focus - /*нажатый*/
.time - /*время*/ .date - /*дата*/ .day - /*день*/ .month - /*месяц*/ .year - /*год*/

Очистка
.clear, .clearfix, .clr — /*очистка*/

.separator, .divide - /*разделитель вертикальный для слов */ .br, .line - /*разделитель горизонтальный для блоков*/
.logo - /*лого сайта*/ .new - /*новинка*/ .sale - /*распродажа*/ .feedback - /*обратная связь*/ .support - /*помощь */ .group - /*группа*/ .module - /*модуль*/ .posters - /*пост*/ .form - /*форма*/ .tabs - /*вкладки*/ .slider - /*слайдер*/ .news - /*новости*/ .table - /*таблица*/ .full - /*полный*/ .breadcrumbs - /*Хлебные крошки*/ .pagination, .pager - /*Нумерация страниц*/ .navbar, .nav, .menu, .navigation - /*Навигация (меню)*/ .dropdown - /*выпадающейся меню */ .comment - /*комментарий*/ .subscription - /* Подписка */ .special - /* особенный элемент */ .standard - /* стандартный элемент */ .screens - /* Скрины */ .rate - /* рейтинг */ .online - /* онлайн */ .panel - /* панель */ .popup - /* попап */ .version - /* версия */ .page - /* страница */ .banners - /* баннер */ .map - /* Карта */ .more - /*еще, подробнее*/ .tags - /* тег */ .price - /* цена */

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

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