Задать вопрос
@freeman0204
html

Как лучше модифицировать блок в html(pug)/css(scss)?

Есть блок с текстом и картинками например. И нужно создать такой же только с другим цветом текста, другой шириной картинок и отступами. Как лучше это сделать что бы код был чистым и понятным. Без бэм.

У меня вариант такой .c1.c2 – элементы одновременно с двумя классами c1 и c2 дописать до копии блока(родительского) еще один класс и в модифицируемых стилях уже писать 2 класса рядом и изменять стили.

Что предложите? Главной что бы код был читаемым и чистым.
  • Вопрос задан
  • 670 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 3
parce56
@parce56
Системный аналитик
Попробуйте создать базовый класс. Он будет задаваться всем блокам, там будут храниться общие свойства. Затем создайте подклассы которые будут дополнять базовый и при необходимости переопределять приоритет, если будет наслоение. Хотя при грамотной логике такого быть не должно. Это с использованием чисто html/css.
Ответ написан
Комментировать
Комментировать
ewal
@ewal
дизайнер-верстальщик
общие стили объединят 2 блока с разными классами, а разные свойства стилей нужно прописать отдельно для каждого блока
.t1,.t2{
...
}
.t1{
...(t1)
}
.t2{
...(t2)
}
а было бы более правильно применить общие классы через вызов общего класса как для первого, так и для второго класса в html
Ответ написан
Комментировать
Комментировать
@Skrolea
Я дописываю еще один класс дополнительный
codepen.io/TsarS/pen/aJpKmN

+card({__class:'card news__card',image:'https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/jeremiah-wilson-3.jpg'})
     +card({__class:'card article__card',image:'https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/jeremiah-wilson-3.jpg'})
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Каталог AI tools
18 апр. 2024, в 01:12
150000 руб./за проект
Загрузка характеристик из xml/csv файла в карточки товаров WordPress
18 апр. 2024, в 00:58
5000 руб./за проект
Нарисовать подарки для соц сети
18 апр. 2024, в 00:10
50000 руб./за проект
Ещё заказы