е
Sultan
Nth -child не помогает
:last-child попробуй
Size: a a a
2021 March 02
Е
Их надо "украсить" с помощью CSS
С
Andrey Belin
Всем привет. Есть сложная страница состоящая из:
Сайдбара, хедера, Контента. Как посоветуете ее сверстать? С помощью grid, или с помощью чего? Но обязательно страница должна быть респонсив. Бутстрап по желанию. Заранее спасибо
Сайдбара, хедера, Контента. Как посоветуете ее сверстать? С помощью grid, или с помощью чего? Но обязательно страница должна быть респонсив. Бутстрап по желанию. Заранее спасибо
Нужен страницу смотреть. Скорее всего это каталог. Думаю флексов хватило бы
AF
Andre1kA
Привет. Есть массив с такой вложенностью:
[
{
key: {
rule: 'value'
}
},
{
key: {
rule: 'value'
}
},
.....
]
Ключ это название класса, дальше идёт объект, где rule это css правило, а value его значение соответственно.
Как мне лучше вставить эти значение на страницу? Через js создать тег style и туда как-то перебрать название классов, правил и значений? Можете подсказать
[
{
key: {
rule: 'value'
}
},
{
key: {
rule: 'value'
}
},
.....
]
Ключ это название класса, дальше идёт объект, где rule это css правило, а value его значение соответственно.
Как мне лучше вставить эти значение на страницу? Через js создать тег style и туда как-то перебрать название классов, правил и значений? Можете подсказать
К чему динамически менять значения в классах?
Не легче в css прописать возможные классы, а потом с помощью JS назначать набор классов html-элементам, в зависимости Вашей логики?
Не легче в css прописать возможные классы, а потом с помощью JS назначать набор классов html-элементам, в зависимости Вашей логики?
A
Alexei Fedorov
К чему динамически менять значения в классах?
Не легче в css прописать возможные классы, а потом с помощью JS назначать набор классов html-элементам, в зависимости Вашей логики?
Не легче в css прописать возможные классы, а потом с помощью JS назначать набор классов html-элементам, в зависимости Вашей логики?
потому что классы генерируются автоматически, и в каждом классе могут быть разные значения
AF
Andre1kA
потому что классы генерируются автоматически, и в каждом классе могут быть разные значения
Ну и плохо что они генерируются. Классы априори должны быть статическими. Если я не прав, кто нибудь поправьте меня пожалуйста.
Если есть какое-то (динамическое) значение, которое надо задать группе html-элементов (а именно это за это и отвечают классы в css) - то создайте коллекцию (группу) html-элементов в js, и задавайте всей коллекции это значение.
Всю остальную "статику" советую прописать в разные классы в сss файлах, и уже оперировать именно добавлением/удалением классов.
Если есть какое-то (динамическое) значение, которое надо задать группе html-элементов (а именно это за это и отвечают классы в css) - то создайте коллекцию (группу) html-элементов в js, и задавайте всей коллекции это значение.
Всю остальную "статику" советую прописать в разные классы в сss файлах, и уже оперировать именно добавлением/удалением классов.
A
Alexei Fedorov
Ну и плохо что они генерируются. Классы априори должны быть статическими. Если я не прав, кто нибудь поправьте меня пожалуйста.
Если есть какое-то (динамическое) значение, которое надо задать группе html-элементов (а именно это за это и отвечают классы в css) - то создайте коллекцию (группу) html-элементов в js, и задавайте всей коллекции это значение.
Всю остальную "статику" советую прописать в разные классы в сss файлах, и уже оперировать именно добавлением/удалением классов.
Если есть какое-то (динамическое) значение, которое надо задать группе html-элементов (а именно это за это и отвечают классы в css) - то создайте коллекцию (группу) html-элементов в js, и задавайте всей коллекции это значение.
Всю остальную "статику" советую прописать в разные классы в сss файлах, и уже оперировать именно добавлением/удалением классов.
Я согласен что классы должны быть статичными, но я уверен, поправь меня если не прав, что бывают нестандартные ситуации, когда динамические классы со значениями это выход)
Но я уже решил свою проблему)
Но я уже решил свою проблему)
AF
Andre1kA
Я согласен что классы должны быть статичными, но я уверен, поправь меня если не прав, что бывают нестандартные ситуации, когда динамические классы со значениями это выход)
Но я уже решил свою проблему)
Но я уже решил свою проблему)
А как Вы вообще решили "динамически" изменить класс с JS? CSS парсится ещё до показы страницы (то есть до формирования DOM), то есть значение классов задаются один раз. Можно конечно догрузить новый файл css, но это другая история.
AF
Andre1kA
Я согласен что классы должны быть статичными, но я уверен, поправь меня если не прав, что бывают нестандартные ситуации, когда динамические классы со значениями это выход)
Но я уже решил свою проблему)
Но я уже решил свою проблему)
Если я задал
.red {
color: red;
}
как вы с JS собираетесь color заменить на green?
.red {
color: red;
}
как вы с JS собираетесь color заменить на green?
A
Alexei Fedorov
А как Вы вообще решили "динамически" изменить класс с JS? CSS парсится ещё до показы страницы (то есть до формирования DOM), то есть значение классов задаются один раз. Можно конечно догрузить новый файл css, но это другая история.
Ко мне из вне приходит json где есть массив со стилями с той структурой выше. Мне их надо как то применить на странице
DM
Alexei Fedorov
Если я задал
.red {
color: red;
}
как вы с JS собираетесь color заменить на green?
.red {
color: red;
}
как вы с JS собираетесь color заменить на green?
AF
Andre1kA
Ко мне из вне приходит json где есть массив со стилями с той структурой выше. Мне их надо как то применить на странице
Ну обычная задача - с БД вероятно вам пришёл конфиг для лэйаута. Заранее обсуждается с бэком что может прийти. Обычно это набор правил. То что нельзя прописать в классах (например приедит неизвестный цвет, который выбрал пользователь в колорпикере), то этот цвет задаётся элементу или группе элементов. Но никак не классу!
A
Не для лейаута)
A
У меня ситуация сложнее немного. Но это не суть) проблема решена моя)
A
Хорошего дня😉
ᅠ
Приветствую, как я могу разместить несколько блоков по горизонтали?
Е
флексами, гридами
TP
Кто подскажет почему блок с двумя баттонами кастомными может при уменьшении екрана не уменьшатся
A
Кто подскажет почему блок с двумя баттонами кастомными может при уменьшении екрана не уменьшатся
ктож знает что у тебя там понаписано)