HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Рейтинг 4.86/7:

ifgenius

2 / 2 / 1

Регистрация: 07.01.2019

Сообщений: 61

Переменные в scss

03.07.2019, 13:52. Показов 1528. Ответов 1

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Подскажите как сюда впихнуть переменную и возможно ли это?

CSS
1
2
3
4
.ball-1 (вместо единицы переменную)
{
  z-index: 3;
}

У меня этих .ball- 10 штук.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
.ball-0 
{
  z-index: 3;
}
 
.ball-1 
{
  z-index: 3;
}
.ball-2 
{
  z-index: 3;
}

и Т.Д.
И мне нужно как то их чередовать. Посоветуйте как.

Лучшие ответы (1)

Сообщение: #13697903

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

03.07.2019, 13:52

Ответы с готовыми решениями:

SCSS переменные
Всем привет, хочу попрактиковатся с SASS. Оптимизировать css style с помощью него. Но не очень понимаю в каких местах стоит использовать...

VS и SCSS
Привет ребят. Тема не совсем но все же связана с MVC. А можно как-то интегрировать использование в VS CSS вместе с SCSS именно в MVC...

Возпроизвести scss
https://codepen.io/kevinjannis/pen/KwJvpa Есть scss код. У меня не получаеться перевести его в css. Как это реализовать? Или можно...

mrtoxas

3827 / 2677 / 1521

Регистрация: 12.07.2015

Сообщений: 6,672

Записей в блоге: 4

03.07.2019, 13:59

Сообщение было отмечено ifgenius как решение

Решение

CSS
1
2
3
4
5
6
/*SCSS Code*/
 
$count:10;
@for $i from 1 through $count {
  .ball-#{$i} {z-index: 3}
}

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

03.07.2019, 13:59

Помогаю со студенческими работами здесь

SCSS в bootstrap
Здравствуйте, разбираюсь с сайтом http://eleand75.beget.tech/ , если посмотреть в консоли стили например гамбургера из мобильного меню, то...

учебник по less и scss
Подскажите автора или книгу - никак не могу найти толковый учебник по этим направлениям

SCSS import
Добрый день, подскажите плииз. Пытаюсь в консоли настроить scss "компилятор" (на основе node) 2 папки - источник (scss) и...

Не работает scss в react-е
Здравствуйте. Не распознается синтаксис scss у меня в react проекте. Установил его, yarn перезапустил, прописал в webpack.config.js ...

Готовые SCSS-решения
Изучаю sass, почитал теорию, посмотрел базисы, небольшое применение нашел в своих проектах, но какой то глобальной панацеи к сожалению,...

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

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

Наверх