Редактирование одинаковых элементов?

[serafi]

Здравствуйте, подскажите как отредактировать сразу несколько одинаковых элементов расположенных на одной странице или на одном саите.
Например- страница с н-ным количеством товара интернет магазина, у каждого товара есть кнопка купить, можно выделить все кнопки и отредактировать их одновременно (поменять цвет/шрифт и тд...)

[Gudwinn]

Здравствуйте, можно, но для этого надо предпринять кое какие действия, в скайпе постучитесь ко мне, подскажу

[serafi]

Это платная консультация?

[Gudwinn]

Ну это дело такое, добровольно - принудительное))) Шутка))) Я думаю положительным отзывом отделаться можно)))

[spoon]

Глобальная замена не подходит? Сам не пробывал, но такая функция в билдере есть))

[sinpai]

Кирилл, подскажите всем. Для вас всегда только положительные отзывы!!!)))
Если речь идет о глобальной замене в коде выгруженого на локал сайта, то я использую EmEditor. Хотя он не всегда понимает блоки кода с пробелами.

[spoon]

sinpai, если силами билдера то только через Глобальную замену, а так через css или js, вариантов много.

[Gudwinn]

spoon, А вот и нет))) Всегда есть вещи, мимо которой пройдут тысячи, а заметят только единицы))) Я сегодня вечером постараюсь всё заскринить и расписать. Иван, я как бы абсолютно не жалею информацию, просто то что объяснить по скайпу - 5 минут, то же самое расписывать со скринами, гораздо дольше, только из этих соображений стараюсь по скайпу консультировать.

[spoon]

Буду ждать с нетерпением)))

[sinpai]

Кирилл, ни в коей мере не хотел обидеть! Ждем с нетерпением!
Просто я визуал, мне так понятнее.

[Gudwinn]

Значит для того что бы иметь возможность менять css свойства хоть тысяче элементов из одного места в программе, нам надо сделать следующее:
Идём в свойства сайта(именно сайта, а не страницы) Находим там пользовательские переменные , и в них указываем инфу, как на скрине




в примере я поставил значёк доллара перед переменной для удобства при дальнейшей работе (можно и без значка доллара). По такому принципу мы можем назначить переменные для любого css свойства , допустим следующую переменную назовём: $cvet-border или как Вам удобно и в поле значение введём допустим #000000 (чёрный цвет) , и в общем таких переменных можно создавать сколь угодно много.Поле ID вообще не трогаем, оно нам не нужно. Идём дальше, следующим этапом заходим в особый стиль нужного нам элемента, и пишем там такую конструкцию с нашими переменными:

background: $cvet-knopki;
border: 1px solid $cvet-border;

И вот теперь когда мы подготовили таким образом наш элемент - "матрицу" так сказать однотипную, мы можем простым копированием сделать хоть тысячу копий этих кнопок, слоёв, и так далее, и поразмещать их даже на разных совершенно страницах, и сколько бы их не было, все css свойства этой тысячи "условных" элементов будут редактироваться из одного места, пользовательских переменных. То есть зашли в пользовательские переменные, поменяли цвет у $cvet-knopki и у всей этой тысячи кнопок на всём сайте сразу поменялся цвет кнопки, ну и естественно можете задавать совершенно произвольные css свойства , главное не забыть в особый стиль элемента внести само css свойство, а в нужное уже место вставить переменную. Вот такую ценную штуку я Вам поведал дорогие друзья и коллеги)))

З.Ы Так как сетки так и не были доведены до ума Пабло, то элементы размещаемые в сетках вёрстки, у них стирается особый стиль пользовательский, там эта приколюха не работает, зато работает во флексбоксах))) В общем везде работает кроме сеток. Но даже для сеток есть лайфхак, потом поведаю, если будет время.

[spoon]

[sinpai]

С нетерпением жду инфу по сеткам, так как работаю в основном с ними!

[spoon]

Кирилл т.е. к готовым элементам готового сайта это не применить? Если заранее не прописал переменные?

[Gudwinn]

Да, это надо делать сразу в новом проекте, это приколюха для вновь создаваемых проектов, а не созданных ранее

[visainfinite]

Ну да, а то все равно ручками придется редактировать, что цвет менять, что переменную прописывать знал бы раньше
Спасибо Кирилл, для новых проектов удобная штука будет

[eneibl]

А class не проще присвоить нужным объектам?

[spoon]

Ну и не забываем про селекторы и приоритет в css не кто не отменял, можно использовать хоть во-время, хоть после верстки сайта.

Отправлено спустя 1 минуту 15 секунд:

А class не проще присвоить нужным объектам?

eneibl, ну в билдере вообще классы не используются, почти, всё через id, а у id приоритет выше.