С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/8: Рейтинг темы: голосов - 8, средняя оценка - 5.00
5 / 5 / 0
Регистрация: 08.12.2013
Сообщений: 89
1

Разный body для разных классов

30.06.2016, 03:03. Показов 1581. Ответов 1
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
приветствую, имеется общий body, но есть также дополнительный body(в другом файле), который задает отступ, так вот нужно у этого дополнительного сделать 3 разных отступа в зависимости от класса(их соответственно 3, выводятся рандомно), как это можно реализовать? Извиняюсь, время 3 ночи и голова совсем не думает и расписал наверное не очень разборчиво
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
30.06.2016, 03:03
Ответы с готовыми решениями:

В чем логика установки разных размеров шрифтов для html и для body?
Почему в Bootstrap для тега html установлен font-size: 10px; а для тега body 14px? Не пойму в...

Разный css для разных языков
Такая ситуация, на сайте одновременно буду присутствовать заголовки как на английском, так и на...

Выпадающее меню - разный размер шрифта для разных уровней меню
Есть у меня данный список, но возник вопрос: "как сделать чтобы в надписи буквы1 был шрифт 19px, а...

Разный цвет меню на разных страницах
на первом рисунке на ссылке home, при наведении всех ссылок в меню цвет ссылок березовый. нужно...

1
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
30.06.2016, 11:45 2
Лучший ответ Сообщение было отмечено FC1488SM как решение

Решение

Если я правильно понял, то есть три класса, который задают разный отступ у body и которые ему присваиваются рандомно.
CSS
1
2
3
4
5
6
7
8
9
10
11
.s1 {
  background: red;
}
 
.s2 {
  background: green;
}
 
.s3 {
  background: blue;
}
HTML5
1
2
<body id="example">
</body>
Javascript
1
2
var randomNumber = Math.floor(Math.random() * 3) + 1;
document.getElementById('example').classList.add('s' + randomNumber);
0
30.06.2016, 11:45
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
30.06.2016, 11:45
Помогаю со студенческими работами здесь

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

Разный межбуквенный интервал в разных браузерах
Здравствуйте. Скажите пожалуйста, в реальных проектах нужно ли добиваться кроссбраузерности в...

В разных броузерах - разный размер внутренних отступов
Здравствуйте! Есть верхнее и нижнее меню. В google идеально, mozilla уже другие размеры, ie -...

Почему правило берется из body.site.fluid а не из body?
Есть 2 файла css: &lt;link...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Как программировать под HCL Notes и создавать свои продукты на ее основе
InfoMaster 11.01.2025
HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой мощную платформу для разработки корпоративных приложений, которая сочетает в себе функции электронной почты, календаря,. . .
Как работать с SVN (Subversion)
InfoMaster 11.01.2025
Введение Система контроля версий является неотъемлемой частью современного процесса разработки программного обеспечения. Она обеспечивает управление изменениями в коде, позволяет отслеживать. . .
Использование GraphQL в JavaScript
InfoMaster 11.01.2025
Введение в GraphQL и его преимущества В современной разработке веб-приложений эффективный обмен данными между клиентом и сервером играет ключевую роль. GraphQL представляет собой язык запросов и. . .
Администрирован­­­­ие Git, продвинутые техники работы с Git
InfoMaster 11.01.2025
Основы управления репозиторием Эффективное управление Git-репозиторием требует глубокого понимания механизмов контроля доступа и инструментов администрирования. Рассмотрим ключевые аспекты. . .
Что такое HCL Notes и как с ним работать
InfoMaster 10.01.2025
HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой комплексную платформу для совместной работы и обмена информацией в корпоративной среде. Это многофункциональное решение,. . .
Как работать с Git из Windows и Visual Studio
InfoMaster 10.01.2025
Работа с Git в Windows Работа с Git в операционной системе Windows может быть осуществлена с помощью различных инструментов, каждый из которых обладает своими уникальными возможностями и. . .
Аналог оператора switch case в Python
InfoMaster 10.01.2025
Оператор switch case используется в программировании для выбора одного из нескольких вариантов исполнения кода. Однако в языке Python этот оператор отсутствует. Понимание аналогов switch case в. . .
Отличия абстрактного класса от интерфейса
InfoMaster 10.01.2025
В современной разработке программного обеспечения существуют два основных механизма реализации абстракции: абстрактные классы и интерфейсы. Эти инструменты, хотя и схожи в своей основной цели -. . .
Как работать в Git
InfoMaster 10.01.2025
Git — это одна из наиболее популярных систем контроля версий, которая активно используется разработчиками по всему миру. Она позволяет эффективно управлять изменениями в коде, координировать работу. . .
Реализация передвижения персонажа в Unity3d на C#
InfoMaster 10.01.2025
Реализация передвижения персонажа в Unity3D начинается с правильной настройки проекта. Этот этап критически важен для создания отзывчивого и плавного управления. Рассмотрим основные шаги для создания. . .
Docker: руководство для начинающих
InfoMaster 10.01.2025
В современном мире разработки программного обеспечения контейнеризация стала неотъемлемой частью процесса создания и развертывания приложений. Docker, как ведущая платформа контейнеризации, произвела. . .
Книги и учебные ресурсы по C#
InfoMaster 08.01.2025
Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru