Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 October 16

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Плюс в бэк энд проще выводить свг код полностью чем его path и прочее
источник

VM

Valar Morgulis in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
Свг код могут заменить понимаешь? А дивку вряд ли
а понял нежелательно это не к бордеру а к дивам, да понял теперь
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Всем привет!

Вопрос ребятам, кто хорошо шарит в CSS:

Раньше такую ↑ конструкцию, с неизвестным кол-вом элементов, было невозможно сверстать без js  — что-то поменялось?
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Misha Zamkevich
Всем привет!

Вопрос ребятам, кто хорошо шарит в CSS:

Раньше такую ↑ конструкцию, с неизвестным кол-вом элементов, было невозможно сверстать без js  — что-то поменялось?
раньше - это когда? в 2001?
Флексами через ограничение высоты. Гридами через ограничение строк
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
раньше - это когда? в 2001?
Флексами через ограничение высоты. Гридами через ограничение строк
Вопрос не про колонки, а про цвет первого и последнего элемента каждой колонки при условии, что это единый список и кол-во элементов неизвестно.
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Misha Zamkevich
Вопрос не про колонки, а про цвет первого и последнего элемента каждой колонки при условии, что это единый список и кол-во элементов неизвестно.
при таком варианте просто пилишь всё на колонки и задаешь :first-, :last-child
Но даже без того, зная количество строк это легко сделать через nth-child
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
при таком варианте просто пилишь всё на колонки и задаешь :first-, :last-child
Но даже без того, зная количество строк это легко сделать через nth-child
При таком варианте получишь выделение в начале и в конце.

Второй вариант не сработает, так как количество элементов заранее неизвестно.
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Misha Zamkevich
При таком варианте получишь выделение в начале и в конце.

Второй вариант не сработает, так как количество элементов заранее неизвестно.
nth-child и подразумевает неизвестное кол-во элеменьтов, ало.
А относительно колонок, то я имел ввиду разорвать список на колонки
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Первое правило не грубить, пожалуйста воздержитесь от таких высказываний в мой адрес.

И вы не правы, nth-child не решает проблему.
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
От каких высказываний? Что nth-child подразумевает неопределённое кол-во элементов? 😂
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
В смысле Алло?!
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
🤦‍♂️
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Если у вас есть решение задачи сверстать список с заранее неизвестным количеством эл-тов, в три колонки с выделением 1-го и последнего элементов каждой колонки — напишите.

nth-child(n) подразумевает, что количество элементов известно заранее.
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Misha Zamkevich
Если у вас есть решение задачи сверстать список с заранее неизвестным количеством эл-тов, в три колонки с выделением 1-го и последнего элементов каждой колонки — напишите.

nth-child(n) подразумевает, что количество элементов известно заранее.
почитайте доку, сударь
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
что такео nth-child и с чем его едят
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
что такео nth-child и с чем его едят
явно не с этим
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
явно не с этим
ну так у него дано количество строк. В чём проблема?
источник

V

V L A S O V in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
ну так у него дано количество строк. В чём проблема?
Ты как к этому пришел?
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
ну так у него дано количество строк. В чём проблема?
как раз не дано
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
V L A S O V
Ты как к этому пришел?
Потому что иначе ты не задаш вертикальный порядок
источник